我的 jsp 页面中有一个表单。我使用 Ajax 提交表单。我不使用submit类型按钮，我使用 button键入按钮来调用 javascript函数包括 ajax 。我在上面提到的按钮单击时调用该 javascript 函数。
现在我需要验证我的表格。为此，我使用 here. 中的 jquery 表单验证他们使用这样的函数来验证表单。
$(function(){
$("#detailForm").validate({
rules:{
regdate:{
required:true
},
agreementNo:{
required:true
},
customerName:{
required:true
},
customerAddress:{
required:true
},
customerNic:{
required:true
},
telephoneNo:{
required:true
},
jobDescription:{
required:true
}
}
});
});
现在我不知道如何在提交表单之前验证该表单。上面的函数不能以这样的方式调用。
$("#btn1").on('click',function(){
$("#detailForm").validate({
rules:{
regdate:{
required:true
},
agreementNo:{
required:true
},
customerName:{
required:true
},
customerAddress:{
required:true
},
customerNic:{
required:true
},
telephoneNo:{
required:true
},
jobDescription:{
required:true
}
}
});
});
他们在单击提交类型按钮时调用验证函数。
那么我该怎么做呢？我需要验证该函数并调用 javascript，其中包括在我的按钮类型按钮单击上的 ajax。在这种情况下帮助我。 谢谢!
最佳答案
您需要在加载时定义规则。然后，单击按钮后，您可以使用 valid() 方法检查表单的状态。
$("#btn1").on('click',function(){
if ($("#detailForm").valid()) {
// form is fine, send data as needed
}
else {
// form was not valid. Messages should have been shown.
}
});
关于javascript - 在提交之前验证表单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26863246/