javascript - 提交前，jQuery检查必填字段

我有一个带有超链接的表格可以提交。我想实现的是，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