Jquery常用验证函数

1.本文包括如下函数:

验证必填,验证数字,验证两个输入是否相等,验证电话和手机,验证邮箱,验证输入长度

2.实现代码:

 <script type="text/javascript">

        //页面加载完毕即执行
        $(document).ready(function () { 
            getGSdata();

            //begin of 验证方法绑定,当输入框失去焦点时即触发----------<
            $("#Text1").blur(function () {
                VerifyNotNull($("#Text1"), $("#Span1"));
            });
            $("#Text2").blur(function () {
                VerifyIsNumber($("#Text2"), $("#Span2"));
            });
            $("#Text3").blur(function () {
                VerifyEqual($("#Text3"), $("#Text31"), $("#Span3"));
            });
            $("#Text31").blur(function () {
                VerifyEqual($("#Text3"), $("#Text31"), $("#Span3"));
            });
            $("#Text4").blur(function () {
                VerifyMobile($("#Text4"), $("#Span4"));
            });
            $("#Text5").blur(function () {
                VerifyEmail($("#Text5"), $("#Span5"));
            });
            $("#Text6").blur(function () {
                VerifyLength($("#Text6"), 2, 5, $("#Span6"));
            });
            //end of 验证方法绑定---------->
        });


        //begin of 输入框的验证方法----------<    
        //验证必填1               
        function VerifyNotNull(obj, mesgTab) {
            var objValue = obj.val();
            if (objValue == "" || objValue == null || objValue == undefined) {
                mesgTab.html("请填写该项").css("color", "red");
            }
            else {
                mesgTab.html("已填");
            }
        }

        //验证数字2
        function VerifyIsNumber(obj, mesgTab) {
            var objValue = obj.val();
            if (objValue == "" || objValue == null || objValue == undefined) {
            }
            else {
                if (isNaN(objValue)) {
                    mesgTab.html("请输入正确的数字").css("color", "red");
                }
                else {
                    mesgTab.html("正确");
                }
            }
        }

        //验证两个输入是否相等3
        function VerifyEqual(obj1, obj2, mesgTab) {
            var objValue1 = obj1.val();
            var objValue2 = obj2.val();
            if (objValue1 != objValue2) {
                mesgTab.html("请输入相等的两个值").css("color", "red");
            }
            else {
                mesgTab.html("相等");
            }
        }

        //验证电话和手机4       
        function VerifyMobile(obj, mesgTab) {
            var patternMobile = /(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{7,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/;
            var objValue = obj.val();
            if (objValue == "" || objValue == null || objValue == undefined) {

            }
            else {
                if (!patternMobile.test(objValue)) {
                    mesgTab.html("请填写正确的电话或手机号码").css("color", "red");
                }
                else {
                    mesgTab.html("正确");
                }
            }
        }

        //验证邮箱5
        function VerifyEmail(obj, mesgTab) {
            var patternEmail = /^([&'+\-\d=A-Z_a-z]+(?:\.[&'+\-\d=A-Z_a-z]+)*)@((?:[\dA-Za-z](?:[-\dA-Za-z]*[\dA-Za-z])?\.)+[A-Za-z][-A-Za-z]*[A-Za-z])$/;
            var objValue = obj.val();
            if (objValue == "" || objValue == null || objValue == undefined) {

            }
            else {
                if (!patternEmail.test(objValue)) {
                    mesgTab.html("请填写正确的邮箱格式").css("color", "red");
                }
                else {
                    mesgTab.html("正确");
                }
            }
        }

        //验证输入长度6
        function VerifyLength(obj, minLen, maxLen, mesgTab) {
            var objValue = obj.val();
            var nowLength = strlength(objValue);
            if (nowLength < minLen) {
                mesgTab.html("输入过短").css("color","red");
            }
            else if (maxLen < nowLength) {
                mesgTab.html("输入过长").css("color", "red");
            }
            else {
                mesgTab.html("长度符合");
            }
        
        }  
        /*统计字符个数(一个汉字算2个)*/  
        function strlength(str) {  
            var strl = 0;  
            var l = str.length;  
            for (var i = 0; i < l; i++) {  
                //全角字符  
                if (str.charCodeAt(i) < 0 ||  str.charCodeAt(i) > 255)   
                    strl = strl + 2;   
                else   
                    strl++;       
            }  
            return strl  
        }  
        //end of 输入框的验证方法---------->
 </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
           验证必填1: <input id="Text1" class="input"/><span id="Span1"></span><br />
           验证数字2: <input id="Text2" class="input"/><span id="Span2"></span><br />
           验证两个输入是否相等3: <input id="Text3" class="input"/><input id="Text31" class="input"/><span id="Span3"></span><br /><br />
           验证电话和手机4: <input id="Text4" class="input"/><span id="Span4"></span><br />
           验证邮箱5: <input id="Text5" class="input"/><span id="Span5"></span><br />
           验证字数6: <input id="Text6" class="input"/><span id="Span6"></span><br /><br />        
    </div>
    </form>
</body>
</html>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值