jQuery 使用类属性进行验证
jquery validation using class attribute
我的表单中有多个文本字段,其中应仅包含 5 个字母和必填字段。我正在使用类属性对此使用jQuery验证。
示例代码:
<html>
<head>
<title>Title</title>
</head>
<cfsavecontent variable="headerJS">
<script type="text/javascript" src="js/validateCurrency.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script>
$(function() {
alert("function");
jQuery.validator.addMethod("APUnit", function(value, element) {
return this.optional(element) || /^[A_Za-z]{5}$/i.test(value);
}, " ");
jQuery.validator.addMethod("cRequired", jQuery.validator.methods.required, "Customer name required");
jQuery.validator.addClassRules("APunit1",{APUnit: true, cRequired: true});
});
</script>
<style>
label.error {
color: red;
font-style: italic;
background: transparent url(images/unchecked.gif) no-repeat scroll 0 0;
padding-left:20px;
margin-left:10px;
}
input.error { border: 1px dotted red; }
.border td {
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
.border th{
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
</style>
</cfsavecontent>
<cfhtmlhead text="#headerJS#">
<body>
<cfform name="eForm" method="POST">
Name: <input type="text" name="name" class="APUnit1">
<input type="submit" value="Submit">
</cfform>
</body>
</html>
但是当我输入无效时,我没有收到任何错误消息。验证正在工作。我找不到其中的错误。请帮助我度过难关。
无论您如何创建和/或声明规则,您仍然必须将 .validate()
方法附加到表单中才能初始化插件。
$(function() {
$('form[name="eForm"]').validate();
jQuery.validator.addMethod("APUnit", function(value, element) { ....
....
你在这里也拼错了APunit1
...
<input type="text" name="name" class="APUnit1">
这里拼写为APunit1
...
jQuery.validator.addClassRules("APunit1" ....
初始化插件并修复拼写错误:
工作演示:http://jsfiddle.net/pcgb4moj/
相关文章:
- 客户端验证 没有验证的属性上的成功消息
- 如何验证具有必需属性或不为null的字段
- Join验证对象数组,这样只有一个对象具有特定属性
- 验证输入,更新<td>属性以匹配验证状态
- 主干仅在保存中验证单个属性
- 我可以使用一个函数来帮助分配和验证作为对象传递的属性吗
- 带数据短划线属性的Angular 2表单字段验证
- 指令和表单验证中的 AngularJS 动态必需属性
- Javascript 空字段验证 - 无法读取未定义的属性“值”
- jQuery 使用类属性进行验证
- 通过自定义属性进行表单验证
- 无法读取未定义(表单验证)的属性 - angularjs
- j查询不显眼的验证属性参考
- 来自元素属性的自定义错误消息:jQuery 验证插件
- Yii2 - i18n 表示 js 验证消息中的 {属性}
- 谷歌-libphonenumber 验证电话号码 无法读取属性“isValidNumber”
- 无法处理 X 可编辑弹出字段中的验证属性
- ASP.为什么我的自定义验证属性从不工作
- 使用插值在输入上动态生成验证属性
- 从javascript调用button.click()不会对按钮执行验证属性