`

jquery add validate

 
阅读更多
// 手机号码验证
jQuery.validator.addMethod("mobile", 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("phone", function(value, element) {
    var tel = /^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/;
    return this.optional(element) || (tel.test(value));
}, "电话号码格式错误");

// 邮政编码验证  
jQuery.validator.addMethod("zipCode", function(value, element) {
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "邮政编码格式错误");

// QQ号码验证  
jQuery.validator.addMethod("qq", function(value, element) {
    var tel = /^[1-9]\d{4,9}$/;
    return this.optional(element) || (tel.test(value));
}, "qq号码格式错误");

// IP地址验证
jQuery.validator.addMethod("ip", function(value, element) {
    var ip = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
    return this.optional(element) || (ip.test(value) && (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256));
}, "Ip地址格式错误");

// 字母和数字的验证
jQuery.validator.addMethod("chrnum", function(value, element) {
    var chrnum = /^([a-zA-Z0-9]+)$/;
    return this.optional(element) || (chrnum.test(value));
}, "只能输入数字和字母(字符A-Z, a-z, 0-9)");

// 中文的验证
jQuery.validator.addMethod("chinese", function(value, element) {
    var chinese = /^[\u4e00-\u9fa5]+$/;
    return this.optional(element) || (chinese.test(value));
}, "只能输入中文");

// 下拉框验证
$.validator.addMethod("selectNone", function(value, element) {
    return 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个字节)"));


this.addCheckGroupJs = function(){

$("#applyForm").unbind("invalid-form.validate");
$("#applyForm").bind("invalid-form.validate", function(e, validator) {
}).validate({
onkeyup: false,
onblur: false,
onfocusin: false,
onfocusout: false,
rules:{
    "groupApplication.examCatalog":{required:true,jqmsg:"${bundle('examCatalog')}"},   
    "groupApplication.name":{required:true,rangelength:[1,100],jqmsg:"${bundle('name')}"},
    "groupApplication.email":{required:true,email:true,jqmsg:"${bundle('email')}"},
    "groupApplication.phone":{phone:true,jqmsg:"${bundle('phone')}"},
    "groupApplication.tel":{phone:true,jqmsg:"${bundle('tel')}"},
    "groupApplication.companyBranch":{maxlength:[200],jqmsg:"${bundle('companyBranch')}"},
    "groupApplication.branchGroup":{maxlength:[200],jqmsg:"${bundle('branchGroup')}"},
    "groupApplication.companyName":{maxlength:[200],jqmsg:"${bundle('companyName')}"},
    "groupApplication.companyAddress":{maxlength:[200],jqmsg:"${bundle('companyAddress')}"},
    "groupApplication.postalCode":{maxlength:[10],jqmsg:"${bundle('postalCode')}"},
    "groupApplication.info":{maxLength:[300],jqmsg:"${bundle('info')}"},
    j_captcha:{required:true,letterNum:true,maxlength:[4],jqmsg:"${bundle('j_captcha')}"}
},
submitHandler: function() {
base.submit("applyForm");
},
showErrors: function(errors,errorList){
showErrorsInfo(errors,errorList,"applyForm");
}
})
}
分享到:
评论

相关推荐

    jQuery.validate 用法

    《jQuery.validate 用法详解及源码解析》 在网页开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设的规则,避免无效数据的提交。jQuery.validate插件是一个强大的、易于使用的JavaScript库,它使得在...

    jQuery.validate.js

    《jQuery.validate.js:高效前端表单验证的利器》 在Web开发中,用户输入的数据验证是必不可少的一环,确保数据的正确性和完整性是系统稳定运行的关键。jQuery.validate.js是一款强大的JavaScript插件,专为jQuery...

    jQuery.validate验证

    在使用jQuery.validate之前,你需要先引入jQuery库,因为validate是基于jQuery构建的。通常,你会在HTML文件中添加如下代码来引入jQuery和validate库: ```html &lt;script src="path/to/jquery.js" type="text/...

    jquery.validate.js表单验证.pdf

    从给定的文件信息来看,文件主要介绍了jquery.validate.js的表单验证功能。jquery.validate.js是一个强大的jQuery插件,可以帮助开发者快速实现表单验证。以下是该文件中提及的关键知识点: 1. jquery.validate.js...

    jQuery的validate插件使用整理

    **jQuery的validate插件使用详解** jQuery的validate插件是一款强大的表单验证工具,它能够帮助开发者轻松地实现用户输入的验证,确保数据的正确性和完整性。基于jQuery库,validate插件提供了丰富的功能,包括内置...

    jquery-validate验证框架使用详解及JS文件

    本文的配套文档包括《jquery-validate验证框架使用详解.doc》和《jquery.validate.addMethod.doc》,详细解释了框架的使用和自定义方法的创建。同时,提供的`validate.js`和`jquery.validate.zip`文件包含了完整的...

    jquery.validate 使用

    《jQuery Validate插件详解与应用实践》 在Web开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,从而提高数据的准确性和系统的稳定性。jQuery Validate插件作为一款强大的验证工具,极...

    jQueryValidate.rar

    《jQuery Validate插件详解及其应用》 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,提高了用户体验并减少了服务器端的负担。jQuery Validate插件是实现这一功能的强大工具,它...

    jquery的validate方法运用

    其中,`validate`插件是jQuery的一个强大工具,专门用于表单验证,帮助开发者确保用户输入的数据符合预设的规则。本文将深入探讨`jquery validate`方法的运用,以及如何自定义验证方法。 `validate`方法是jQuery ...

    jQuery.validate.js+API中文

    《jQuery.validate.js与API中文详解》 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作,事件处理以及Ajax交互等任务。而jQuery Validate插件则是jQuery的一个重要扩展,它专注于表单...

    jquery.validate.js 1.8.1 + 实例

    `jQuery Validate` 插件1.8.1版本提供了丰富的功能,包括基本的验证规则、自定义验证规则以及错误消息定制。 ### jQuery Validate 插件基础 `jQuery Validate` 的核心功能是验证表单字段,它通过添加额外的属性到 ...

    jquery validate例子

    《jQuery Validate插件详解与实例应用》 在Web开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,提高数据的准确性和安全性。jQuery Validate是一个强大的JavaScript库,专为jQuery设计...

    Struts2+jquery.validate框架实现用户名是否存在

    使用jQuery.validate的`addMethod`方法自定义验证规则。例如,上面示例中的`usename`方法检查用户名是否为4到12个字符,并且包含数字或字母。同时,在`$("form")`的`validate()`函数中定义了`username`字段的验证...

    jquery.validate.1.8.1.rar

    《jQuery Validate 1.8.1:前端表单验证的利器》 在Web开发中,表单验证是一项不可或缺的功能,它能确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。jQuery Validate插件是JavaScript库...

    jquery.validate1.7验证插件最新版

    **jQuery Validate 1.7 插件详解** jQuery Validate 是一款功能强大的JavaScript验证插件,主要用于前端表单验证。在1.7版本中,它继续提供了丰富的验证规则和灵活的自定义选项,使得开发者能够轻松地对用户输入...

    jquery表单验证框架:jquery.validate.zip

    《jQuery表单验证框架——深入理解jQuery.validate》 在网页开发中,表单验证是必不可少的一环,它能确保用户输入的数据符合预期,减少服务器端的处理负担,提高用户体验。jQuery是一个广泛使用的JavaScript库,而...

    jQuery.validate.js表单验证及API

    jQuery.validator.addMethod("customRule", function(value, element) { return this.optional(element) || /^[a-zA-Z]+$/i.test(value); }, "只允许字母"); ``` 上述代码添加了一个名为`customRule`的新验证...

    jquery.validate 扩展身份证校验方法

    ### jQuery.validate 扩展身份证校验方法 在前端开发中,对用户输入的数据进行校验是非常重要的一步,它能够帮助开发者提高数据的准确性和安全性。本文将详细介绍如何使用`jQuery.validate`插件来扩展身份证号码的...

    jquery validate 表单验证

    首先,`jquery.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用jQuery Validate。确保引入了最新的jQuery版本,以便利用其强大的DOM操作和事件处理能力。 其次,`myvalidate.js`可能是你...

Global site tag (gtag.js) - Google Analytics