jQuery验证不起作用

jQuery验证不起作用,jquery,Jquery,代码: $(文档).ready(函数(){ $(“#插入”)。单击(函数(事件){ event.preventDefault(); name=$(“#name”).val(); phone=$(“#phone”).val(); email=$(“#email”).val(); message=$(“#message”).val(); 如果(名称=“”) { $(“.msg”).text(“请输入您的姓名”); } 如果(电子邮件!==”){ 如果(!isValidEmailAddress(电子

代码:

$(文档).ready(函数(){
$(“#插入”)。单击(函数(事件){
event.preventDefault();
name=$(“#name”).val();
phone=$(“#phone”).val();
email=$(“#email”).val();
message=$(“#message”).val();
如果(名称=“”)
{
$(“.msg”).text(“请输入您的姓名”);
}
如果(电子邮件!==”){
如果(!isValidEmailAddress(电子邮件)){
$(“msg”).show();
$(“#电子邮件”).focus();
返回false;
}
} 
});
});
函数isValidEmailAddress(电子邮件地址){
(3)w-++以下以下(以下::::::::::::::...[[[w-+[[[w-++[[[w-+[[[w-++))))))))))第十二(12)号(以下:::::::::::::(((“[[[[[\w-+\w-++\\10++++以下以下以下以下以下以下)))))))))))))))一((::::::::::::::::::::::::((((((((((((((()()()()()()()(((((((((((((()()()()()()()()()()()()()()()()()()()()()()(::::::::::::::::::::::::::(25[0-5]| 2[0-4][\d]| 1[\d]{2}.[\d]{1,2}.{2}}{(25[0-5]| 2[0-4][\d]| 1[\d]{2}.[\d]{1,2}.][\d][\d]{1,2}.}.$)/i);
返回模式.test(emailAddress);
};


在您的这段代码上,请更正
$(“msg”).show()$(“.msg”).show()的code>
尝试使用此选项而不是
alert
您可以使用
$('.msg')
,但在您的代码中,我发现了任何
.msg
类元素,因此我在其中使用了alert

   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        function isValidEmailAddress(emailAddress) {
            var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
            return pattern.test(emailAddress);
        };
    </script>
    <script>
        $(document).ready(function(){
           $("#insert").click(function(event){

               event.preventDefault();
               name = $("#name").val();
               phone = $("#phone").val(); 
               email = $("#email").val();
               message = $("#message").val();           
               if(name == '')
               {
                  alert("Please enter your name");
                   return false;
               }

                var filter = /^[0-9+]+$/;
                if (!filter.test(phone)){

                    alert("Invalid Phone");
                    return false;
               }
               if (!isValidEmailAddress(email)) {
                        alert("Invalid Email");
                        $("#email").focus(); 
                        return false;  
               }


           });
        });
    </script>

    <form method="post">

        <input class="form-control1" id="name" name="name" placeholder="Enter Your Name" type="text">
        <input class="form-control1" id="email" name="email" placeholder="Enter Your Email Id"  type="text">
        <input class="form-control1" id="phone" name="phone" placeholder="Enter Your Phone"  type="text">
        <textarea class="form-control1" name="message" id="message" placeholder="Enter Your Message" ></textarea>
        <input name="insert" id="insert" value="Submit" type="submit">
    </form>

函数isValidEmailAddress(电子邮件地址){
(3)w-++以下以下(以下::::::::::::::...[[[w-+[[[w-++[[[w-+[[[w-++))))))))))第十二(12)号(以下:::::::::::::(((“[[[[[\w-+\w-++\\10++++以下以下以下以下以下以下)))))))))))))))一((::::::::::::::::::::::::((((((((((((((()()()()()()()(((((((((((((()()()()()()()()()()()()()()()()()()()()()()(::::::::::::::::::::::::::(25[0-5]| 2[0-4][\d]| 1[\d]{2}.[\d]{1,2}.{2}}{(25[0-5]| 2[0-4][\d]| 1[\d]{2}.[\d]{1,2}.][\d][\d]{1,2}.}.$)/i);
返回模式.test(emailAddress);
};
$(文档).ready(函数(){
$(“#插入”)。单击(函数(事件){
event.preventDefault();
name=$(“#name”).val();
phone=$(“#phone”).val();
email=$(“#email”).val();
message=$(“#message”).val();
如果(名称=“”)
{
警告(“请输入您的姓名”);
返回false;
}
变量过滤器=/^[0-9+]+$/;
如果(!过滤器测试(电话)){
警报(“无效电话”);
返回false;
}
如果(!isValidEmailAddress(电子邮件)){
警报(“无效电子邮件”);
$(“#电子邮件”).focus();
返回false;
}
});
});

“$(“msg”).show();”无法工作。你的意思是“$(“.msg”).show();”?实际上是它的“.msg”我在表格上方有一个div,我有一个类msg.addy。请在同一个脚本上显示电话号码验证代码。
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        function isValidEmailAddress(emailAddress) {
            var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
            return pattern.test(emailAddress);
        };
    </script>
    <script>
        $(document).ready(function(){
           $("#insert").click(function(event){

               event.preventDefault();
               name = $("#name").val();
               phone = $("#phone").val(); 
               email = $("#email").val();
               message = $("#message").val();           
               if(name == '')
               {
                  alert("Please enter your name");
                   return false;
               }

                var filter = /^[0-9+]+$/;
                if (!filter.test(phone)){

                    alert("Invalid Phone");
                    return false;
               }
               if (!isValidEmailAddress(email)) {
                        alert("Invalid Email");
                        $("#email").focus(); 
                        return false;  
               }


           });
        });
    </script>

    <form method="post">

        <input class="form-control1" id="name" name="name" placeholder="Enter Your Name" type="text">
        <input class="form-control1" id="email" name="email" placeholder="Enter Your Email Id"  type="text">
        <input class="form-control1" id="phone" name="phone" placeholder="Enter Your Phone"  type="text">
        <textarea class="form-control1" name="message" id="message" placeholder="Enter Your Message" ></textarea>
        <input name="insert" id="insert" value="Submit" type="submit">
    </form>