[英]Executing validation with jquery.validate
我試圖學習/理解與jquery.validate的客戶端驗證。 目前,我已經定義了一個基本形式,如下所示:
<form id="myform">
<input id="firstNameTextBox" type="text" />
<input id="lastNameTextBox" type="text" />
<input type="button" value="Test" onclick="return testButtonClick();" />
</form>
<script type="text/javascript">
$(document).ready(function () {
$("#addPersonForm").validate({
rules: {
firstNameTextBox: "required",
lastNameTextBox: "required"
},
messages: {
firstNameTextBox: "Please enter the first name.",
lastNameTextBox: "Please enter the last name."
}
});
});
function testButtonClick() {
string errorMessage = validateFormAndGetMessage();
alert(errorMessage);
return false;
}
</script>
當有人單擊“測試”按鈕時,我想確定該表單是否有效。 如果無效,我想顯示與違規規則相關的消息。 我該怎么做呢?
您可以在驗證器上調用form()
,請參見http://docs.jquery.com/Plugins/Validation/Validator/form
因此,您將需要更新代碼以存儲驗證器,此外,還應該使用jquery事件關聯捕獲按鈕上的單擊:
<form id="myform">
<input id="firstNameTextBox" type="text" />
<input id="lastNameTextBox" type="text" />
<input type="button" value="Test" id="testbutton" />
</form>
<script type="text/javascript">
$(document).ready(function () {
validator = $("#addPersonForm").validate({
rules: {
firstNameTextBox: "required",
lastNameTextBox: "required"
},
messages: {
firstNameTextBox: "Please enter the first name.",
lastNameTextBox: "Please enter the last name."
}
});
$('#testbutton').click(function(event) {
event.preventDefault();
validator.form(); //This will show the validation messages on the form
});
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.