使用JQuery Validation Plugin進行條件驗證
[英]Conditional Validation using JQuery Validation Plugin
問題描述
我有一個簡單的html表單，我已經使用JQuery Validation插件添加了驗證。 我讓它適用於需要值的單個字段。 我現在需要對其進行擴展，以便如果用戶對問題回答“是”，則必須在“詳細信息”字段中輸入內容，否則“詳細信息”字段可以留空。 我正在使用單選按鈕顯示是/否。 這是我完整的html表單 - 我不知道從哪里開始：
<script type="text/javascript" charset="utf-8">
$.metadata.setType("attr", "validate");
$(document).ready(function() {
$("#editRecord").validate();
});
</script>
<style type="text/css">
.block { display: block; }
form.cmxform label.error { display: none; }
</style>
</head>
<body>
<div id="header">
<h1>
Questions</h1>
</div>
<div id="content">
<h1>
Questions Page 1
</h1>
</div>
<div id="content">
<h1>
</h1>
<form class="cmxform" method="post" action="editrecord.php" id="editRecord">
<input type="hidden" name="-action" value="edit">
<h1>
Questions
</h1>
<table width="46%" class="record">
<tr>
<td width="21%" valign="top" class="field_name_left"><p>Question 1</p></td>
<td width="15%" valign="top" class="field_data">
<label for="Yes">
<input type="radio" name="Question1" value="Yes" validate = "required:true" /> Yes
</label>
<label for="No">
<input type="radio" name="Question1" value="No" /> No
</label>
<label for="Question1" class="error">You must answer this question to proceed</label>
</td>
<td width="64%" valign="top" class="field_data"><strong>Details:</strong>
<textarea id = "Details1" class="where" name="Details1" cols="25" rows="2"></textarea></td>
</tr>
<tr>
<td valign="top" class="field_name_left">Question 2</td>
<td valign="top" class="field_data">
<label for="Yes">
<input type="radio" name="Question2" value="Yes" validate = "required:true" /> Yes
</label>
<label for="No">
<input type="radio" name="Question2" value="No" /> No
</label>
<label for="Question2" class="error">You must answer this question to proceed</label>
</td>
<td valign="top" class="field_data"><strong>Details:</strong>
<textarea id = "Details2" class="where" name="Details2" cols="25" rows="2"></textarea> </td>
</tr>
<tr class="submit_btn">
<td colspan="3">
<input type="submit" name="-edit" value="Finish">
<input type="reset" name="reset" value="Reset"> </td>
</tr>
</table>
</form>
</div>
</body>
</html>
3 個解決方案
解決方案1
19 已采納 2010-05-19 00:51:19
解決方案2
15 2010-05-19 00:58:13
你可以這樣做：
$("#editRecord").validate({
rules: {
'Details1': {
required: function() {
return $('input[name=Question1]').val() == 'yes';
}
}
'Details2': {
required: function() {
return $('input[name=Question2]').val() == 'yes';
}
}
}
});
解決方案3
0 2015-11-03 19:10:51
針對上面提出的Nick Craver建議的回應，我找到了正確的語法：
類= “驗證[需要] [名稱=問題1] [值=是]：檢查”
而不是他發布的內容。
謝謝你讓我走上正軌！
使用jQuery驗證插件驗證后使用ajax提交表單提交？
[英]form submit using ajax after validation using jquery validation plugin?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.