ajaxForm之前的jQuery验证
提问于 2010-03-08 21:36:38
我正在尝试使用jQuery ajaxForm插件中的"beforeSubmit“选项来验证数据，但是即使存在无效的表单字段，表单也会提交。我哪里错了？谢谢,
$(document).ready(function() {
function validator(){
$("#commentForm").validate();
}
$('#commentForm').ajaxForm({
dataType: 'json',
url: "http://highlandfamilyeyecare.com/contactengine.php",
beforeSubmit: validator,
success: function(data) {
$('ul.form').fadeOut("slow");
$('ul.form').html(data.formula).slideDown('slow');}
});
});和html：
<ul class="form">
<li>
<form method="post" action="form.php" id="commentForm">
<label class="white">Your Name</label>
<input class="text-input required" type="text" name="name" /></li>
<li>
<label class="white">Email</label>
<input class="text-input required email" type="text" name="email"/></li>
<li>
<li><input type='submit' value="Submit" />
</form></li>
</ul>
回答 3
Stack Overflow用户
回答已采纳
发布于 2010-03-08 21:39:57
beforeSubmit()函数没有返回任何内容。
您将需要：
function validator() {
return $("#commentForm").validate();
}假定$('#commentForm").validate()存在并正确返回true/false。
Stack Overflow用户
发布于 2010-03-08 21:38:43
根据documentation，验证函数必须返回false，以防止表单提交。
Stack Overflow用户
发布于 2010-03-08 21:40:40
假设validate()方法是验证插件，这是正确的方法。如果validate方法中有任何错误，将不会提交表单。
$('#commentForm').validate({
errorClass: "invalidField",
submitHandler: function() {
$('#commentForm').ajaxSubmit(ajaxFormOptions);
}
});其中ajaxFormOptions是您用于提交的选项。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2404943
复制相关文章
![[Pycharm] 远程连接服务器](https://ask.qcloudimg.com/http-save/yehe-8223537/49ec0559d506b31c87ee353759c78f57.jpg)
相似问题
javax.net.ssl.SSLHandshakeException:使用JMeter进行负载测试时握手期间远程主机关闭的连接
我收到javax.net.ssl.SSLHandshakeException:握手期间远程主机关闭连接
javax.net.ssl.SSLHandshakeException:握手支持期间的远程主机关闭连接
javax.net.ssl.SSLHandshakeException:在小程序中握手期间远程主机关闭的连接
FTPSClient抛出异常javax.net.ssl.SSLHandshakeException:握手期间远程主机关闭连接
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
