关于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>