Jquery 的扩展Validate包很强大,可以方便的进行提供字段验证,更为重要的是,可以创建自己的规则:
如下例,为validator创建了一个名为regex的规则,规定输入的字段必须满足regex里指定的格式。
更多信息可以参考http://docs.jquery.com/Plugins/validation
不过这个addMethod方法,官方文档讲得不是很清楚,这个是经过google并且实验过可以使用的
<script type="text/javascript">
//INS-99
$.validator.addMethod(
"regex",
function(value, element, regexp) {
var check = false;
var re = new RegExp(regexp);
return this.optional(element) || re.test(value);
},
"Only characters allowed."
);
var validator = $("#accountform").validate( {
rules: {
firstname: {required: true, regex: /^[A-Za-z]+$/},
lastname: {required: true, regex: /^[A-Za-z]+$/},
email: { required: true, email: true, remote: {
url: "/biz411/api/email_acceptable",
type: "POST",
data: {
email: function () { return $("#email").val(); },
c: "api",
m: "email_acceptable"
} }
},
authword: { required: true },
authwordAgain: { equalTo: "#authword" }
},
messages: {
authwordAgain: "Passwords do not match.",
email: { remote: "This email address is already registered." }
}
} );
</script>
分享到:
相关推荐
$.validator.addMethod("uniqueUsername", function(value) { // 假设这里有一个Ajax请求,检查用户名是否已存在 return $.ajax({ url: "check_username.php", data: { username: value }, async: false // ...
$.validator.addMethod("customRule", function(value, element) { return value === "expectedValue"; }, "请填写预期的值"); ``` 然后在表单元素上使用新规则: ```html ``` ### 提交处理 `jQuery Validate`...
jQuery Validation插件作为jQuery库的一个扩展,为开发者提供了一种简单而强大的方式来实现这一功能。本文将深入探讨jQuery Validation的实例和API,帮助你更好地理解和应用这个插件。 首先,我们来看jQuery ...
示例如下: 代码如下: [removed] jQuery.validator.addMethod(“regex”, //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法,参数(被验证元素的值,被验证元素,...
通过`jQuery.validator.addMethod`定义新的验证方法,如`iszipcode`,接受三个参数:`value`是当前元素的值,`element`是当前元素本身,`return`值为布尔,表示验证是否通过。在`iszipcode`方法中,使用正则表达式`...
$.validator.addMethod("passwordStrength", function(value, element) { // 这里可以编写检查密码强度的逻辑 return this.optional(element) || /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}$/.test(value); }, "密码...
jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...
$.validator.addMethod("customRule", function(value, element) { // 验证逻辑 }, "错误提示"); $("#myForm").validate({ rules: { inputField: { required: true, customRule: true } }, messages: { ...
4. **自定义验证方法**:通过`.addMethod()`扩展新的验证规则。例如,定义一个检查密码强度的方法: ```javascript $.validator.addMethod("passwordStrength", function(value, element) { // 验证逻辑 }, ...
$.validator.addMethod("customRule", function(value, element) { return value === "expectedValue"; }, "这是自定义错误提示信息"); ``` 其中,`value`是元素的值,`element`是元素本身,函数返回`true`表示...
$.validator.addMethod("passwordStrength", function(value) { // 此处实现密码强度检查逻辑 }, "密码必须包含数字和字母"); ``` 4. **触发验证**:最后,当用户提交表单时,验证插件会自动执行验证。如果所有...
$.validator.addMethod('usernameExists', function(value) { // 发送AJAX请求检查用户名 return false; // 返回true表示验证通过,false表示失败 }, '用户名已被注册'); ``` 然后在`rules`中使用这个方法: ```...
通过调用 `$.validator.addMethod()` 函数,我们可以添加新的验证方法: ```javascript $.validator.addMethod("customRule", function(value, element) { // 验证逻辑 return value === "expectedValue"; }, ...
jQuery.validator.addMethod("email", function(value, element) { return this.optional(element) || /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(value); }, "请输入有效的电子邮件地址"); ``` ...
4. 自定义规则:如果需要,可以扩展验证规则,例如`$.validator.addMethod()`。 5. 设置错误消息:使用`messages`选项来自定义错误消息。 六、总结 jQuery注册表验证插件是提升Web表单用户体验的重要工具。通过理解...
5. 自定义验证:通过`$.validator.addMethod()`创建自定义验证方法。 三、示例解析 在"jquery-validation-1.8.1"压缩包中,通常包含以下文件和目录: 1. `dist/`:包含压缩和未压缩的JS文件,如`jquery.validate....
例如,通过`$.validator.addMethod()`方法,可以定义一个新的验证规则,比如验证密码强度。 3. **错误消息定制**:默认的错误提示信息可以通过`messages`选项进行修改,以适应不同场景下的用户体验需求。 4. **...
- **说明**:提供了一些辅助函数,如`$.validator.addMethod()`等,用于扩展验证规则。 ```javascript $.validator.addMethod("myRule", function(value, element) { return value.length > 5; }, "自定义验证...
$.validator.addMethod('uniqueUsername', function(value, element) { // 这里实现检查用户名是否已存在的逻辑 return this.optional(element) || /^[a-zA-Z0-9]{5,}$/.test(value); }, "用户名已被占用"); // ...
jQuery Validate 提供了一些实用函数,如`$.fn.extend`用于扩展验证规则,`$.validator.addMethod`用于自定义验证方法,`$.validator.format`用于格式化错误消息。 ### (五)验证器 (jQuery validation) 验证器是...