前几天,自己瞎折腾,给评论页面加上一个开启评论的开关,和网上流传的滑动解锁评论所带来的作用一样,就是想屏蔽一些垃圾评论,不过事实上没什么效果,只是使得评论页面稍微美观一点,而不是那么光秃秃的。现在的垃圾评论大多是直接POST进数据库的,而不是利用评论页面提交的,所以这个按钮对他们来说也起不了什么作用。说得这,感觉有点跑题了,让我们回到主题。
评论页面其实也就是一个Form,Form里有一些textfield的元素,最后再加上一个submit的按钮,而这次我添加的这个开关也是要添加在这个Form里的,当然添加完后,还需要设置一些js代码,才能使得开关开的时候,评论输入框变成可写状态,反之,变成不可写状态。
JS代码如下,comment为评论输入框,submit为提交按钮:
$(".toggle :radio").change(function() { var lineType = $("input[name='toggleOptions']:checked").val(); if(lineType == "option1") { comment.disabled = false; submit.disabled = false; } else { comment.disabled = true; submit.disabled = true; } });
这代码在Chrome和Firefox下均无问题,而转到IE7下,却会有报错缺少对象。经代码检测,主要是提示comment,submit找不到,解决方法就是添加Form id,IE可真够垃圾的啊,这都不能识别。
调整代码使得IE下能正常运行,commentform为评论页面的Form id:
$(".toggle :radio").change(function() { var lineType = $("input[name='toggleOptions']:checked").val(); if(lineType == "option1") { commentform.comment.disabled = false; commentform.submit.disabled = false; } else { commentform.comment.disabled = true; commentform.submit.disabled = true; } });
文章评分1次,平均分5.0:★★★★★
垃圾评论真是可恶啊。。
我想说图片:v.t.qq.com/share/images/s/b24.png图片挂了。
有么,我用chrome和FF分别打开,都OK的,困惑中。。。
我被禁止评论了。
应该是你有输入http吧,这个被作为禁止内容了。
能写JS,但是一直对浏览器兼容觉得蛋疼。。
我也是。。。CSS压根搞不定,不停的google
学习了,哇此次~