是否可以使用 jQuery.validate 验证表单中的整个元素类?我知道您可以按名称为元素分配规则,但是您也可以按类选择这些元素吗?我的网站上有一个表单,除了 required
规则之外不需要任何内容,而且必须输入每个字段有点笨重,尤其是在处理 messages
时> 对象!
这是我的代码:
<div id="al_address" class="al_account-settings left">
<h2 class="gold alternate1">ADD A NEW ADDRESS</h2>
<form method="POST" action="#" >
<table>
<tr>
<th><label for="name">* address name</label></th>
<td><input type="text" class="al_required" name="name"></td>
</tr>
<tr>
<th><label for="first_name">* first name</label></th>
<td><input type="text" class="al_required" name="firstName"></td>
</tr>
<tr>
<th><label for="last_name">* last name</label></th>
<td><input type="text" class="al_required" name="lastName"></td>
</tr>
<tr>
<th><label for="address1">* street address</label></th>
<td><input type="text" class="al_required" name="address1"></td>
</tr>
<tr>
<th><label for="address2">address 2</label></th>
<td><input type="text" name="address2"></td>
</tr>
<tr>
<th><label for="zip">* zip</label></th>
<td><input type="text" name="zip" class="al_required"></td>
</tr>
<tr>
<th><label for="city">* city</label></th>
<td><input type="text" class="al_required" name="city"></td>
</tr>
<tr>
<th><label for="state">* state</label></th>
<td>
<select name="state" class="al_required">
<option value="">Select a State</option>
</select>
</td>
</tr>
<tr>
<th><label for="country">* country</label></th>
<td>
<select name="country" class="al_required">
<option value="US">United States</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" class="al_buttons">
<button type="reset">CANCEL</button>
<button type="submit" class="last">ADD</button>
</td>
</tr>
</table>
</form>
<script type="text/javascript" charset="utf-8">
$('#al_address form').validate({
rules: {
name: 'required', first_name: 'required', last_name: 'required', address1: 'required', zip: 'required', city: 'required', state: 'required', country: 'required'
},
messages: {
name: '- Required fields were left blank.'
}
});
</script>
就目前情况而言,这将显示 name
的正确消息,但不会显示其他消息。是否可以使用 jQuery.validate 在类上设置“必需”规则,并在 messages
中使用该类引用来为表单中的必填字段显示统一消息?
最佳答案
插件为此提供了一种方法,请参阅 documentation for this 。那么你可以这样做:
$(".myClass").rules("add", {
required:true
});
查找更多方法和选项 here .
关于javascript - jQuery.validate 和按类验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6474460/