Question

我正在尝试验证html中的电子邮件ID，但我陷入了困境因为我想验证每个邮件，用户也可以输入更多邮件 ids使用逗号（，）分隔符为我需要在@和点（。）符号验证的每个邮件ID，以及com看到我的js和<html> <head> <style> #email_val { height: 100px; width: 250px; } </style> </head> <body> <div class="input"> <form name="myForm" onsubmit="return ValidateForm();" method="post"> <p class="label"> <h2>*Email Address:</h2> <textarea placeholder="Enter ur mails byseparator (,) " id="email_val" name="mail"></textarea> </p> <p class="label"> <input type="submit"> </p> <p class="label"> <input type="reset"> </p> </form> </div> <p id="demo"></p> <script type="text/javascript"> function ValidateForm() { var emailList= $("#email_val").val().split(','); for (i=0;i<emailList.length;i++) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; var result[i]= regex.test(emailList[i]); if(result[i]==true) { document.getElementById("demo").innerHTML="Ur email address is successfully submitted"; }else { document.getElementById("demo").innerHTML="sorry enter a valid"; } } </script> </body> </html>代码让我脱离这个

{{1}}

Answer 1

function ValidateForm() { 
var emailList= $("#email_val").val().split(','); 
for (i=0;i<emailList.length;i++) { 
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 
var result= regex.test(emailList[i]);
 if(result==false) { 
document.getElementById("demo").innerHTML="Error";
return false;
}
}
document.getElementById("demo").innerHTML="ok"; 
return true;
}

如果返回false

，onsubmit eventListener将停止提交表单

Answer 2

function ValidateForm() {

                var emailList = $("#email_val").val().split(',');
                for (i = 0; i < emailList.length; i++)
                {
                    for (i = 0; i < emailList.length; i++) {
                        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                        var result = regex.test(emailList[i]);
                        if (!result) {
                            document.getElementById("demo").innerHTML = "sorry enter a valid";
                            return false;

                        }

                    }

                        document.getElementById("demo").innerHTML = "Ur email address is successfully submitted";
                        return true;
                    }
                }

<html>
<head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><html>

<style>

#email_val{

height:100px;

width:250px;

}

</style>
</head>
<body>

 <div class="input">
    <form name="myForm"  onsubmit="return ValidateForm();" method="post">


   <p class="label"><h2>*Email Address:</h2>           
    <textarea placeholder="Enter ur mails byseparator (,) " id="email_val" name="mail"></textarea>
   </p>  
<p id="demo"></p>

   <p class="label"><input type="submit"></p>

   <p class="label"><input type="reset"></p>
    </form>
 </div>
</body>
</html>

function ValidateForm() {

                var emailList = $("#email_val").val().split(',');
                for (i = 0; i < emailList.length; i++)
                {
                    for (i = 0; i < emailList.length; i++) {
                        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                        var result = regex.test(emailList[i]);
                        if (!result) {
                            document.getElementById("demo").innerHTML = "sorry enter a valid";
                            return false;

                        }

                    }

                        document.getElementById("demo").innerHTML = "Ur email address is successfully submitted";
                        return true;
                    }
                }

Answer 3

这对我有用

var emailList= $("#email_val").val().split(',');
var flag = 1; 
for (i=0;i<emailList.length;i++){
    if(validateEmail(emailList[i])==false){
        flag=0;
        break;
    }
}

if(flag==0){
    document.getElementById("demo").innerHTML="Error";
}
else{
    document.getElementById("demo").innerHTML="Ok";
}

function validateEmail(email) {            
    var re = /\S+@\S+\.\S+/;
    return re.test(email);
}

验证使用Javascript / jquery在文本区域中输入的多个电子邮件

3 个答案: