Jquery Validation 插件验证手机号

自定义手机号验证代码 

http://www.2cto.com/kf/201505/402781.html

// 手机号码验证

jQuery.validator.addMethod("isMobile", function(value, element) {

    var length = value.length;

    var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;

    return this.optional(element) || (length == 11 && mobile.test(value));

}, "请正确填写您的手机号码");

验证表单

$("#checkPhoneForm").validate({

    rules : {

        phone : {

            required : true,

            minlength : 11,

            // 自定义方法:校验手机号在数据库中是否存在

            // checkPhoneExist : true,

            isMobile : true

        },

    },

    messages : {

        phone : {

            required : "请输入手机号",

            minlength : "确认手机不能小于11个字符",

            isMobile : "请正确填写您的手机号码"

        },

    },

});

时间: 2024-09-30 05:24:20

Jquery Validation 插件验证手机号的相关文章

jQuery Validation让验证变得如此容易(二)

上一个例子我们是统一引用jquery.validate.js这样所有必填字段的提示信息都将是This field is required. 现在要改成动态提示,比如姓名如果为空则提示姓名不能为空,密码如果为空则提示密码不能为空. 这次我们将校验规则写在代码里 首先还是先引入文件 <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script sr

jQuery Validation让验证变得如此容易(三)

以下代码进行对jQuery Validation的简单演示包括必填项.字符长度,格式验证 一.引入文件 <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script>

JQuery使用正则表达式验证手机号,邮箱,身份证(含有港澳台)

自己对正则验证也没系统用过,这次自己做个demo,一下子把这些全都用上了,下次有需要直接来拿了. 以下代码是在页面使用JQuery进行验证的,也有在后台进行验证的,可以试试,都一样的原理. 直接上代码:注意:(有些验证规则当然不仅仅是本文的,也许还有其他更好的,可以留言交流) 手机号:(移动-电信-联通) var tel = $("#PhoneNumber").val();//获取输入的手机号 var yidongreg = /^(134[012345678]\d{7}|1[34578

Jquery validation自定义验证

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf

jQuery Validation让验证变得如此easy(二)

上一个样例我们是统一引用jquery.validate.js这样全部必填字段的提示信息都将是This field is required. 如今要改成动态提示,比方姓名假设为空则提示姓名不能为空,密码假设为空则提示密码不能为空. 这次我们将校验规则写在代码里 首先还是先引入文件 <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script sr

在Jquery validation里验证通过后,自定义提交不同的action路径,适合一个窗口既可以作为添加对话框也可以作为编辑对话框

$("#myform").validate({ debug: true, //调试模式取消submit的默认提交功能 ignore: '#Password,#ConfirmPassword', focusInvalid: false, //--------------------------------------------------------------------------- submitHandler: function () { //表单提交句柄,为一回调函数 var

jQuery Validate插件实现表单强大的验证功能

转自:http://www.jb51.net/article/76595.htm jQuery Validate插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 第一节:jQuery Validation让验证变得如此容易 一.官网下载jquery,和jquery validation plugin 二.引入文件 <script src="js/jquery-1

清空jQuery validation 显示的错误信息

现在做个BS结构的查询系统,登陆的时候添加个重置的按钮. 他的功能主要是: 1.清空Input的text 2.jQuery validation插件当错误的时候显示的信息,解决方法如下面的代码 var validator = $("#myform").validate(    ...    ... ); $(".cancel").click(function() {     validator.resetForm(); )};

【jQuery基础学习】06 jQuery表单验证插件-Validation

jQuery的基础部分前面都讲完了,那么就看插件了. 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填.数字.E-Mail.URL和信用卡号码等19类内置验证规则 自定义验证规则:可以很方便地自定义验证规则 简单强大的验证信息提示:默认了验证信息提示,并提供了自定义覆盖默认提示信息的功能 实时验证:可以通过keyup或者blur事件触发验证,而不仅仅在表单提交的时候验证 使用方法: 引用jQuery库和Validation插件 <script