2011-11-21 43 views
1

我想使用jQuery验证插件添加客户端验证。在Firefox和Chrome中,这可以正常工作。jQuery验证不会阻止在IE中提交

在IE中,验证显示为错误,但表单提交不会停止。为什么会发生这种情况?

示例代码:

<form class="cmxform" id="commentForm" method="get" action=""> 
<fieldset> 
    <legend>A simple comment form with submit validation and default messages</legend> 
    <p> 
     <label for="cname">Name</label> 
     <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" /> 
    </p> 
    <p> 
     <label for="cemail">E-Mail</label> 
     <em>*</em><input id="cemail" name="email" size="25" class="required email" /> 
    </p> 
    <p> 
     <label for="curl">URL</label> 
     <em> </em> 
     <input id="curl" name="url" size="25" class="url" value="" /> 
    </p> 
    <p> 
     <label for="ccomment">Your comment</label> 
     <em>*</em> 
     <textarea id="ccomment" name="comment" cols="22" class="required"></textarea> 
    </p> 
    <p> 
     <input class="submit" type="submit" value="Submit"/> 
    </p> 
</fieldset> 
</form> 

而且JS

$("#commentForm").validate(); 

这是http://docs.jquery.com/Plugins/Validation直取的例子,其中我猜想应该可行,但似乎并没有为IE(我正在使用IE 8测试XP)

+1

对不起,我把我的通灵裤留在家中。你能否发布导致问题的代码? –

+1

确保你在验证时返回false – Tigra

+0

@Tigra如果jquery验证插件配置正确,那不是必需的。 –

回答

1

我使用的是jQuery版本1.7,它不受版本1.9支持的验证插件的影响,回退到版本1.6.1修复了这个问题。