validateAddMethod.js代码如下:
$(document).ready(function() {
//只输入中文
jQuery.validator.addMethod("zn", function(value, element) {
// return this.optional(element) || (/^([a-zA-Z0-9]+)$/.test(value));
return this.optional(element) || (/^([\u4e00-\u9fa5]+)$/.test(value));
}, "只能输入中文");
//只输入字母
jQuery.validator.addMethod("letter", function(value, element) {
return this.optional(element) || (/^([A-Za-z]*)$/.test(value));
}, "输入字母");
//字符验证,可用于用户名
jQuery.validator.addMethod("stringCheck", function(value, element) {
return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);
}, "只能包括中文字、英文字母、数字和下划线");
// 中文字两个字节
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
var length = value.length;
for(var i = 0; i < value.length; i++){
if(value.charCodeAt(i) > 127){
length++;
}
}
return this.optional(element) || ( length >= param[0] && length <= param[1] );
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));
// 邮政编码验证
jQuery.validator.addMethod("isZipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");
// 手机号码验证
jQuery.validator.addMethod("isMobile", function(value, element) {
var length = value.length;
var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, "请正确填写您的手机号码");
// 电话号码验证
jQuery.validator.addMethod("isTel", function(value, element) {
var tel = /^\d{3,4}-?\d{7,9}$/; //电话号码格式010-12345678
return this.optional(element) || (tel.test(value));
}, "请正确填写您的电话号码");
})
分享到:
相关推荐
<script type="text/javascript" src="js/jquery.validate.pack.js"> ``` #### 二、基本使用 初始化jQuery.validate插件非常简单,只需在`document.ready()`事件中调用`validate()`方法即可,如: ```javascript ...
jQuery Validate是一个用于表单验证的jQuery插件,广泛应用于Web开发中,以确保用户输入符合规定的要求。它支持多种验证类型和自定义验证规则,并能根据需要轻松修改默认的提示信息,以适应不同的业务逻辑和用户体验...
而validate.js是jQuery的一个插件,它为表单验证提供了强大而灵活的支持,使得前端数据校验变得更加简单。本文将深入探讨validate.js的核心原理、使用方法以及常见应用场景。 一、validate.js概述 validate.js是...
在Web开发中,jQuery Validate和Struts2是两个非常重要的工具。jQuery Validate是一个轻量级的JavaScript库,用于对HTML表单进行验证,确保用户输入的数据符合预设的规则。而Struts2是一个基于MVC设计模式的Java Web...
<script src="path/to/jquery.validate.min.js"> <script src="path/to/localization/messages_zh.js"> <link rel="stylesheet" href="path/to/your.css"> <!-- ... --> 提交 $(document).ready...
通常包括`jquery.js`、`jquery.validate.js`和可选的主题文件,如`jquery.validate.min.css`。 2. **基本配置**:在JavaScript代码中,通过`.validate()`方法初始化表单验证。例如: ```javascript $('#myForm')...
通过学习和实践这些示例,开发者不仅可以掌握`validate.js`的基本用法,还能了解到如何处理错误提示、如何自定义验证规则,以及如何与其他前端框架(如jQuery、Vue或React)集成。这将极大地提升开发效率,让web应用...
结合`jQuery Validate`和Java后端验证,可以构建出健壮且用户体验良好的Web应用。`extension.js`的使用表明开发者可能已经对验证功能进行了定制化,以适应项目具体需求,例如添加了与后端API交互的验证规则,提高了...
微软的前端验证是基于ASP.NET MVC框架,利用`jquery.validate.unobtrusive.js`插件和数据注解进行的。首先引入插件文件: ```html <script src="../../Scripts/jquery.validate.unobtrusive.js"> ``` 接着,在`web...
<script src="path/to/jquery.validate.min.js"> ``` 接下来,配置jQuery Validate。在需要验证的表单中,我们可以设置规则(rules)和错误消息(messages)。规则定义了验证条件,如必填、邮箱格式等;错误消息则...
<script src="path/to/jquery-Lweight-validate.js"> ``` 2. **配置规则**:在表单元素上通过data属性设置验证规则。例如,要求必填的输入框可以这样设置: ```html ``` 3. **初始化验证**:在文档加载完成后,调用...
1. 引入依赖:首先,需要引入jQuery库(如jquery-1.7.1.js)和jQuery Validate插件(如jquery.validate.js)。在HTML文件中添加如下代码: ```html <script src="path/to/jquery-1.7.1.js"> <script src="path/to/...
在Web开发中,表单验证是必不可少的一环,jQuery提供了方便的校验插件,使得前端验证变得简单易行。 一、jQuery校验基础 jQuery的验证插件主要依赖于`jQuery.validate.js`文件,它提供了丰富的验证规则和错误提示...
<script src="lib/jquery.validate.js"> <script src="oecpshowerror.js"> ``` 在`oecpshowerror.js`中,定义验证规则和错误提示: ```javascript $(document).ready(function() { $('#myForm').validate({ ...
在本压缩包中,文件名为 `jquery-validation-1.13.1`,通常包含两个文件:`jquery.validate.js`(主插件文件)和 `additional-methods.js`(包含了额外的验证方法)。 1. 引入文件: ```html <script src="path/to/...
<script src="jquery.validate.min.js"> $(document).ready(function() { $('#myForm').validate(); }); ``` #### 2. 验证规则 在表单元素上添加`data-rule-*`属性,可以定义验证规则,例如: ```html ``` ...
jQuery提供了丰富的API和插件,使得前端数据校验变得轻松快捷。本资料“jquery常用的校验.rar”正是针对这个主题,包含了一些关于jQuery校验的实践应用。 首先,jQuery的核心API中并没有内置的数据验证功能,但可以...
jQuery表单验证插件是一种基于jQuery的强大前端校验工具,它可以帮助开发者快速实现网页表单的数据校验功能。这款插件支持多种校验规则,包括但不限于必填项、数字、邮箱格式等常见需求,并且还支持自定义校验规则及...