Jquery 阻止表单提交验证并正常提交
我有一个表单,我想验证客户端。这是一个很小的表单,所以我试着自己做这件事,而不使用任何插件。但是如果表单验证了,我希望它是sumbit Noramly。例如Jquery 阻止表单提交验证并正常提交,jquery,forms,validation,Jquery,Forms,Validation,我有一个表单,我想验证客户端。这是一个很小的表单,所以我试着自己做这件事,而不使用任何插件。但是如果表单验证了,我希望它是sumbit Noramly。例如 $(documet).ready(function(){ $(".myform").on('submit', function (event){ event.preventDefault(); //prevent it from submitting validate = validateForm()
$(documet).ready(function(){
$(".myform").on('submit', function (event){
event.preventDefault(); //prevent it from submitting
validate = validateForm(); //function to validate fields
if (validate){
this.submit();//if everything is ok submit it normally
}
})
});
但是表单不会自动提交。我认为这与事件有关。preventDefault()。submit()方法在撤消preventDefault()后是否调用?我应该将预防默认设置放在
if (!validate){
event.preventDefault();
}else{
this.submit();
}
怎么做?只需返回true即可提交表单
if (!validate){
event.preventDefault();
}else{
return true;
}
或者使用$(this.submit()代码>
如果不需要其他条件,也可以带着条件离开
if (!validate){
event.preventDefault();
}
我们可以使用type=“button”代替type=“submit”,如下所示
<input type="button" onclick="myFunction()" value="Submit form">
function myFunction()
{
validate = validateForm();
document.getElementById("myForm").submit();
}
函数myFunction()
{
validate=validateForm();
document.getElementById(“myForm”).submit();
}
这不起作用,我把preventDefault()放在里面,如果仍然不提交表单(没有发布)@Apostolos:检查函数validateForm()
返回正确的true。我必须检查validateForm()。此提交创建了另一个问题…它进入了一个循环:),但这不会阻止我的表单提交语言类型按钮并返回false。函数myFunction(){validate=validateForm();return false;}检查validform函数,可以添加return false;在函数的末尾。