Form表单的JS行为在IE下必须指定Form ID – 千丝海阁

首页 » Wordpress » Form表单的JS行为在IE下必须指定Form ID

Form表单的JS行为在IE下必须指定Form ID

3415 8

前几天,自己瞎折腾,给评论页面加上一个开启评论的开关,和网上流传的滑动解锁评论所带来的作用一样,就是想屏蔽一些垃圾评论,不过事实上没什么效果,只是使得评论页面稍微美观一点,而不是那么光秃秃的。现在的垃圾评论大多是直接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



上一篇:WordPress技巧:为正文内图片添加边框和阴影效果
下一篇:WordPress技巧:为文章内图片限定宽度

本文原始地址:http://www.tiandiyoyo.com/2013/05/formid-mustbe-input-when-js/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

您可能还会对以下文章感兴趣:

    没有相关的文章

评论前先开启评论开关:


8 Comments

  1. mooc :

    垃圾评论真是可恶啊。。

  2. yxiao :

    我想说图片:v.t.qq.com/share/images/s/b24.png图片挂了。

  3. yxiao :

    我被禁止评论了。

  4. Soar :

    能写JS,但是一直对浏览器兼容觉得蛋疼。。

  5. 学习了,哇此次~

载入分页评论...
//