Javascript Jquery提交前检查必填字段

Javascript Jquery提交前检查必填字段,javascript,jquery,Javascript,Jquery,我有一个带有超链接的表单要提交。我想要实现的是jquery可以检查所有必需的字段,然后执行我的逻辑。如果任何必填字段为空,jquery只需执行浏览器的默认行为即可。但我下面的实现只能弹出一个警报窗口。请帮助我提高 if($("#required_field_1")[0].checkValidity() == false || $("#required_filed_2")[0].checkValidity() == false) { alert("Please fill all req

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

您可以在此处找到更多信息:

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

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()
}

您可以在这里找到更多信息:

那么问题到底在哪里,它似乎起作用了?如果您想了解浏览器的确切行为,可以在html输入上使用require属性。我已经使用了required字段,但我使用的是超链接而不是submit类的输入字段,required字段不起作用。您可能需要在警报后返回false,因为它是一个链接?而不是
警报
尝试
$(“”).hide().appendTo($(“#form_1'))。单击().remove()
那么问题到底出在哪里,它似乎起作用了?如果您想了解浏览器的确切行为,可以在html输入上使用require属性。我已经使用了required字段,但我使用的是超链接,而不是submit类的输入字段,required字段不起作用。可能是您需要在警报后返回false因为它是一个链接?而不是
alert
尝试
$('').hide().appendTo($('.#form_1'))。单击().remove();