Jquery在提交前检查所需字段

Jquery check required field before submission

本文关键字：字段 检查 提交 Jquery      更新时间：2023-09-26

我有一个超级链接提交的表单。我想实现的是，jquery可以检查所有必需的字段，然后执行我的逻辑。如果任何必填字段为空，jquery应该简单地执行浏览器的默认行为。但是我下面的实现只能弹出一个警告窗口。请帮助我改进。

if($("#required_field_1")[0].checkValidity() == false ||
   $("#required_filed_2")[0].checkValidity() == false) {
   alert("Please fill all required field");
}
else {
  $('#form_1').ajaxForm({
    delegation: true,
    beforeSend: myFunc1,
    success:    myFunc2,
    data:       {"op": op,
                 "payslip_date_start": $("#payslip_date_start").val(),
                 "payslip_date_end": $("payslip_date_end").val()}
  });
  $('#form_1').submit();
}

唯一的方法是像这样提交表单，并确保添加了所需的属性

var $myForm = $('form#myForm')
if (!$myForm[0].checkValidity()) {
  // If the form is invalid, submit it. The form won't actually submit;
  // this will just cause the browser to display the native HTML5 error messages.
  $myForm.find(':submit').click()
}

您可以在这里找到更多信息:https://stackoverflow.com/a/11867013/3914736

相关文章：