博客
关于我
强烈建议你试试无所不能的chatGPT，快点击我
Jquery对文本框的值、字符串的验证;正则表达式字符串的验证
阅读量：6657 次
发布时间：2019-06-25

本文共 8355 字，大约阅读时间需要 27 分钟。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        (function ($) {
            $.extend({
                /***
                *验证是否为 手机号码 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsMobileTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsMobileTextVal(valStr);
                    if (!result) { //判断返回值 是否为手机号
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 手机号码 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsMobileTextVal: function (valStr) {
                    if (valStr && /^1[3|4|5|7|8]\d{9}$/.test(valStr)) { //判断是否为手机号            
                        return true;
                    } else {  //不是手机号
                        return false;
                    }
                },
                /***
                *验证是否为 座机 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsPhoneTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsPhoneTextVal(valStr);
                    if (!result) { //判断返回值 是否为手机号
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 座机 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsPhoneTextVal: function (valStr) {
                    if (valStr && /^(\d{3,4}-?)?\d{7,9}$/.test(valStr)) { //判断是否为手机号            
                        return true;
                    } else {  //不是手机号
                        return false;
                    }
                },
                /***
                *验证是否为Email 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsEmailTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsEmailTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为Email 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsEmailTextVal: function (valStr) {
                    if (valStr && /^([a-zA-Z0-9_\.\-+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(valStr)) { //判断是否为正确           
                        return true;
                    } else {  //不正确
                        return false;
                    }
                },
                /***
                *验证是否为 正整数 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsPositiveIntTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsPositiveIntTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 正整数 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsPositiveIntTextVal: function (valStr) {
                    if (valStr && /^[0-9]*[1-9][0-9]*$/.test(valStr)) { //判断是否为正确           
                        return true;
                    } else {  //不正确
                        return false;
                    }
                },
                /***
                *验证是否为 数字 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsNumberTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsNumberTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 数字 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsNumberTextVal: function (valStr) {
                    if (valStr && /^[-\+]?\d+$/.test(valStr) || /^[-\+]?\d+(\.\d+)?$/.test(valStr)) { //判断是否为正确           
                        return true;
                    } else {  //不正确
                        return false;
                    }
                },
                /***
                *验证是否为 浮点数 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsFloatTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsFloatTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 浮点数 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsFloatTextVal: function (valStr) {
                    if (valStr && /^[-\+]?\d+(\.\d+)?$/.test(valStr)) { //判断是否为正确           
                        return true;
                    } else {  //不正确
                        return false;
                    }
                },
                /***
                *验证是否为 邮政编码验证 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsZipCodeTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsZipCodeTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 邮政编码验证 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsZipCodeTextVal: function (valStr) {
                    if (valStr && /^[0-9]{6}$/.test(valStr)) { //判断是否为正确           
                        return true;
                    } else {  //不正确
                        return false;
                    }
                },
                /***
                *验证是否为 身份证号码验证 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsIdCardNoTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsIdCardNoTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 身份证号码验证 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsIdCardNoTextVal: function (valStr) {
                    var len = valStr.length, re;
                    if (len == 15)
                        re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/);
                    else if (len == 18)
                        re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/);
                    else {
                        //alert("输入的数字位数不对。");
                        return false;
                    }
                    var a = valStr.match(re);
                    if (a != null) {
                        if (len == 15) {
                            var D = new Date("19" + a[3] + "/" + a[4] + "/" + a[5]);
                            var B = D.getYear() == a[3] && (D.getMonth() + 1) == a[4] && D.getDate() == a[5];
                        }
                        else {
                            var D = new Date(a[3] + "/" + a[4] + "/" + a[5]);
                            var B = D.getFullYear() == a[3] && (D.getMonth() + 1) == a[4] && D.getDate() == a[5];
                        }
                        if (!B) {
                            //alert("输入的身份证号 "+ a[0] +" 里出生日期不对。");
                            return false;
                        }
                    }
                    if (!re.test(valStr)) {
                        //alert("身份证最后一位只能是数字和字母。");
                        return false;
                    }
                    return true;
                },
                /***
                *验证是否为 IP地址验证 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsIpAddressTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsIpAddressTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 IP地址验证 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsIpAddressTextVal: function (valStr) {
                    if (valStr && /^(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.)(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.){2}([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))$/.test(valStr)) { //判断是否为正确           
                        return true;
                    } else {  //不正确
                        return false;
                    }
                },
                /***
                *验证是否为 匹配密码，只能是字母、数字和下划线。 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsPasswordTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsPasswordTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 匹配密码，只能是字母、数字和下划线。 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsPasswordTextVal: function (valStr) {
                    if (valStr && /^[\w]{6,12}$/.test(valStr)) { //判断是否为正确           
                        return true;
                    } else {  //不正确
                        return false;
                    }
                },
                /***
                *验证是否为 车牌号校验  是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsPlateNoTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsPlateNoTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 车牌号校验 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsPlateNoTextVal: function (valStr) {
                    if (valStr && /^[\u4e00-\u9fa5]{1}[A-Z]{1}[A-Z_0-9]{5}$/.test(valStr)) { //判断是否为正确           
                        return true;
                    } else {  //不正确
                        return false;
                    }
                },
                /***
                *验证是否为 QQ校验 是返回true ，否则返回 false
                *参数 ：$textId： 文本框id
                */
                IsQQTextId: function ($textId) {
                    var $obj = $("#" + $textId); //存储当前文本框对象
                    var valStr = $obj.val(); //或者文本框的值
                    var result = $.IsQQTextVal(valStr);
                    if (!result) { //判断返回值 是否为正确
                        $obj.focus(); //获得光标
                    }
                    return result;
                },
                /***
                *验证是否为 QQ校验 是返回true ，否则返回 false
                *参数 ：valStr ： 文本框的值
                */
                IsQQTextVal: function (valStr) {
                    if (valStr && /^[1-9]\d{4,12}$/.test(valStr)) { //判断是否为正确           
                        return true;
                    } else {  //不正确
                        return false;
                    }
                }
            });
        })(jQuery);
        $(function () {
            $("#Validate").click(function () {
                var result = "";
                //result= $.IsMobileTextId("moblie");
                //result = $.IsPhoneTextId("Phone");
                //result = $.IsEmailTextVal("Email");
                //result = $.IsPositiveIntTextId("int_1");
                //result = $.IsNumberTextId("Number");
                // result = $.IsFloatTextId("Float");
                // result = $.IsZipCodeTextId("ZipCode");
                //result = $.IsIdCardNoTextId("IdCardNo");
                //result = $.IsIpAddressTextId("IpAddress");
                result = $.IsPasswordTextId("Password");
                //result = $.IsPlateNoTextId("PlateNo");
                //result = $.IsQQTextId("QQ");
                alert(result);
            });
        });
    </script>
</head>
<body>
    手机号码:<input id="moblie" type="text" /><br />
    座机:<input id="Phone" type="text" /><br />
    Email:<input id="Email" type="text" /><br />
    正整数:<input id="int_1" type="text" /><br />
    数字:<input id="Number" type="text" /><br />
    浮点数:<input id="Float" type="text" /><br />
    邮政编码:<input id="ZipCode" type="text" /><br />
    省份证号码验证:<input id="IdCardNo" type="text" /><br />
    ip地址:<input id="IpAddress" type="text" /><br />
    匹配密码，只能是字母、数字和下划线:<input id="Password" type="text" /><br />
    车牌号校验:<input id="PlateNo" type="text" /><br />
    QQ:<input id="QQ" type="text" /><br />
    <input type="submit" id="Validate" />
</body>
</html>

转载于:https://www.cnblogs.com/linJie1930906722/p/5213246.html

你可能感兴趣的文章
pcm输出还是源码输出_日本成辣条最大进口国？网友：文化输出还是得靠卫龙
查看>>
进栈顺序为abcd则出栈顺序为_矫正做题顺序，搞定行测高分
查看>>
为什么me域名不能备案_注册域名后要做解析吗？怎么操作？
查看>>
一秒钟世界上会发生多少事_这一秒钟，却不止一秒钟
查看>>
typescript的基本结构_Vue 3.0前的 TypeScript 最佳入门实践
查看>>
tp5指向public_TP5和VUE同域名, 宝塔二级域名配置
查看>>
git pull 是到工作区还是暂存区_打好地基Git学习
查看>>
win10删除多余账户_【凡凡经验05】win10进入安全模式的三种方法
查看>>
命令及串口命令_单片机很好玩5，花三分钟，学会使用电脑发送“命令”控制单片机...
查看>>
里写注释 postman_5步学完spring boot单元测试，与postman有什么优点？
查看>>
提取一行数据列表_实例30_一键往Word文档的表格中填写数据
查看>>
例子 write_浅谈关于Linux内核write系统调用操作的原子性
查看>>
5传递参数丢失_为什么阿里巴巴不建议使用Intent传递大的数据
查看>>
顶部有一道线_蓄势待发！揭开S1线永中站的神秘面纱
查看>>
应用实例_一个栅格系统应用的实例分享
查看>>
程序怎么启动vasp_【你怎么看】两名游客故宫内抽烟还发视频炫耀 警方启动调查程序...
查看>>
12伏的蓄电池有几个单格组成_蓄电池的构造
查看>>
八段锦八个动作名称_八段锦自编口诀版，先收藏了再说
查看>>
威帝股份有无人驾驶概念吗_可转债短线战法（九） 威帝转债实战解析
查看>>
万能平板刷机软件_万能手机刷机软件下载
查看>>
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！
当前时间: 2025-01-27 05:45:43   当前IP: 18.118.144.239   联系邮箱:javaeecc@qq.com     Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2
强烈建议你试试无所不能的CHAT-GPT，快点击我
强烈建议你试试无所不能的CHAT-GPT，快点击我