Javascript 电子邮件验证和电话号码_Javascript

Javascript 电子邮件验证和电话号码

javascript

Javascript 电子邮件验证和电话号码,javascript,Javascript,我需要做什么： -电子邮件字段需要遵守电子邮件格式（@\uuuuuuuuuuuuuuuuuu），如果用户不遵守该格式，则应弹出一条消息。-在这里我无法完成，我不知道如何完成 -电话字段只需用数字填写。-也不起作用…而且这个函数的变量阻止了整个脚本…我不知道该怎么做才能完成这项工作我做了什么： -输入电子邮件和电话，完成 -最多20个字符的电子邮件和15个字符的电话，完成 -至少1个字符的电子邮件和2个字符的电话，完成代码如下： <script> function

我需要做什么：

-电子邮件字段需要遵守电子邮件格式（@\uuuuuuuuuuuuuuuuuu），如果用户不遵守该格式，则应弹出一条消息。-在这里我无法完成，我不知道如何完成

-电话字段只需用数字填写。-也不起作用…而且这个函数的变量阻止了整个脚本…我不知道该怎么做才能完成这项工作

我做了什么： -输入电子邮件和电话，完成

-最多20个字符的电子邮件和15个字符的电话，完成

-至少1个字符的电子邮件和2个字符的电话，完成

代码如下：

     <script>
    function checkForm() {

        var div5 = document.getElementById("email1");
        var div6 = document.getElementById("email2");
        var div7 = document.getElementById("email3");
        var div8 = document.getElementById("phone1");
        var div9 = document.getElementById("phone2");
        var div10 = document.getElementById("phone3");

        var email = document.getElementsByName("Email");
        var phone = document.getElementsByName("Phone");

        div5.style.display="none";
        div6.style.display="none";
        div7.style.display="none";
        div8.style.display="none";
        div9.style.display="none";
        div10.style.display="none";

        var query = document.getElementsByName('Phone').value;
        var isNumeric=query.match(/^\d+$/);
        if(isNumeric){
            div10.style.display="inline";
        }     



        if (email[0].value.length>20){
            div5.style.display="inline";
        }           else if (email[0].value.length<1){
                             div6.style.display = "inline";         
                    }

        if (phone[0].value.length>15){
            div8.style.display="inline";            
        }           else if (phone[0].value.length<2) {
                             div9.style.display="inline";
                    }


    function checkEmail() {

            var email = document.getElementById('email');
            var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

            if (!filter.test(email.value)) {
            alert('Please provide a valid email address');
            email.focus;
            return false;
            }
    }


    }

     </script>
  </head>

    <body>
        <form name="mainform">  

        <div id="email">Email</div>
        <input type="text" name="Email">
        <div style="display:none" id="email1">error - max 20 characters.</div>
        <div style="display:none" id="email2">error - at least 1 character.</div>
        <div style="display:none" id="email3">error - respect the format __@__.__</div>

        <div id="phone">Phone</div>
        <input type="text" name="Phone">
        <div style="display:none" id="phone1">error - max 15 characters.</div>
        <div style="display:none" id="phone2">error - at least 2 character.</div>
        <div style="display:none" id="phone3">error - only digits.</div>

        <br>
        <button type="button" onclick="checkForm(); checkEmail();"/>Check form</button>


函数检查表（）{
var div5=document.getElementById（“email1”）；
var div6=document.getElementById（“email2”）；
var div7=document.getElementById（“email3”）；
var div8=document.getElementById（“phone1”）；
var div9=document.getElementById（“phone2”）；
var div10=document.getElementById（“phone3”）；
var email=document.getElementsByName（“电子邮件”）；
var phone=document.getElementsByName（“电话”）；
div5.style.display=“无”；
div6.style.display=“无”；
div7.style.display=“无”；
div8.style.display=“无”；
div9.style.display=“无”；
div10.style.display=“无”；
var query=document.getElementsByName（'Phone'）。值；
var isNumeric=query.match（/^\d+$/）；
如果（是数字）{
div10.style.display=“inline”；
}     
如果（电子邮件[0].value.length>20）{
div5.style.display=“inline”；
}else if（电子邮件[0].value.length15）{
div8.style.display=“inline”；
}else if（phone[0].value.length您可能希望使用正则表达式来实现此目的。通过一些谷歌搜索，您可以了解应该如何做到这一点
您可以使用此站点测试您的正则表达式模式：
可能重复的