如何禁用jQuery验证插件中的惰性验证?

时间:2019-01-24 04:45:25

标签: jquery jquery-validate

关于jquery验证,我有几个问题。

首先:我需要像往常一样显示错误消息,并且它确实起作用。但是,如果在提交表格“请查看下面的错误”后将任何字段留空,我还需要在表格顶部查看消息。

第二:我需要禁用惰性验证。这意味着当我单击一个空白字段,然后单击页面中的其他位置时,将显示错误消息。

这是我的代码:

<form action="sign_in.php" method="post" id="register_form">
  <div class="row">
  <div class="form-group col">
    <label for="First_Name" style="font-weight: bold; cursor: text;"><span style="color:red;">* </span>First Name</label>
    <input type="text" name="First_Name" id="First_Name" class="form-control form-control-lg" value="" style="width:505px;
    background-color:#EEEEEE;">
  </div>
</div>
<div class="row">
<div class="form-group col">
  <label for="Last_Name" style="font-weight: bold; cursor: text;"><span style="color:red;">* </span>Last Name</label>
  <input type="text" name="Last_Name" id="Last_Name" class="form-control form-control-lg" value="" style="width:505px;
  background-color:#EEEEEE;">
</div>
</div>
</form>


<script>
$(document).ready(function() {
  $("#register_form").validate({
    rules: {
      First_Name: {
        required: true,
      },
      Last_Name: {
        required: true,
      },
},
messages: {
      First_Name: {
        required: "Please enter a valid first name.",
      },
      Last_Name: {
        required: "Please enter a valid last name.",
      },
},
});
</script>

0 个答案:

没有答案