javascript - 提交前jquery检查必填字段

Question

我有一个带有用于提交的超链接的表单。我想要实现的是 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();
}

Answer 1

唯一的方法是提交表单，如下所示，并确保添加了必需的属性

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