要觸發(fā)表單驗(yàn)證挂绰,可以使用valid()
方法。以下是一個(gè)示例:
<form id="registerForm">
<input type="text" name="username" required>
<input type="email" name="email" required>
<input type="password" name="password" required>
<input type="password" name="confirmPassword" required>
<button type="submit">Submit</button>
</form>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script>
$(document).ready(function() {
var formRules = {
username: {
required: true
},
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 6
},
confirmPassword: {
required: true,
equalTo: "#registerForm input[name='password']"
}
};
$("#registerForm").validate(formRules);
$("#registerForm").submit(function(e) {
e.preventDefault(); // 阻止表單提交
if ($("#registerForm").valid()) {
// 表單驗(yàn)證通過(guò),執(zhí)行提交邏輯
console.log("Form is valid. Submitting...");
// 在這里執(zhí)行提交表單的操作
} else {
// 表單驗(yàn)證失敗最盅,執(zhí)行錯(cuò)誤處理邏輯
console.log("Form is invalid. Please check your inputs.");
}
});
});
</script>
在上面的示例中突雪,我們?cè)?code>$("#registerForm")上調(diào)用了validate()
方法來(lái)應(yīng)用表單驗(yàn)證規(guī)則。然后涡贱,我們?cè)诒韱蔚?code>submit事件處理程序中使用valid()
方法來(lái)判斷表單是否有效咏删。如果表單驗(yàn)證通過(guò),我們可以執(zhí)行提交表單的操作问词。如果表單驗(yàn)證失敗督函,我們可以執(zhí)行錯(cuò)誤處理邏輯。
注意激挪,在表單的submit
事件處理程序中使用e.preventDefault()
方法來(lái)阻止表單的默認(rèn)提交行為辰狡,以便我們可以手動(dòng)控制表單提交的邏輯。
希望這個(gè)示例能幫助你觸發(fā)表單驗(yàn)證并根據(jù)驗(yàn)證結(jié)果執(zhí)行相應(yīng)的操作垄分。