Jquery常用検証関数

6104 ワード

1.本明細書には、次の関数が含まれます.
検証は必ず記入して、数字を検証して、2つの入力が等しいかどうかを検証して、電話と携帯電話を検証して、メールボックスを検証して、入力の長さを検証します
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>