JavaScript 电子邮件地址验证

Question

我正在使用 JavaScript 制作带有字段验证的 HTML 表单。 我被困在电子邮件验证上。 我搜索了互联网，发现了这样的东西-

JS代码

function validateemail() {  
    var x=document.myform.email.value;  
    var atposition=x.indexOf("@");  
    var dotposition=x.lastIndexOf(".");  
    if (atposition<1 || dotposition<atposition+2 || dotposition+2>=x.length) {  
        alert("Please enter a valid e-mail address \n atpostion:"+atposition+"\n dotposition:"+dotposition);  
        return false;  
    }  
}

HTML代码

<body>  

<form name="myform"  method="post" action="#" onsubmit="return validateemail();">  

Email: <input type="text" name="email"><br/>  

<input type="submit" value="register">  
</form>

请给我解释一下？

Answer 1

检查这个我正在使用这样的东西我缩小了其中一些你必须输入像这样的有效电子邮件地址 Example@example.com

 $(document).ready(function() { $('.insidedivinput').focusout(function() { $('.insidedivinput').filter(function() { var emil = $('.insidedivinput').val(); var emailReg = /^([\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4})?$/; if (emil.length == 0) { $('.fa-check').css('display', 'none'); $('.fa-close').css('display', 'inline'); $('.sendmailbuttontrigger').attr('disabled', 'disabled'); $('.SendEmail').attr('disabled', 'disabled'); } else if (!emailReg.test(emil)) { $('.SendEmail').attr('disabled', 'disabled'); $('.sendmailbuttontrigger').attr('disabled', 'disabled'); $('.fa-check').css('display', 'none'); $('.fa-close').css('display', 'inline'); } else { // alert('Thank you for your valid email'); $('.fa-close').css('display', 'none'); $('.sendmailbuttontrigger').removeAttr('disabled'); $('.fa-check').css('display', 'inline'); } }) }); });

 .fa-check{ display:none; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type='email' class='insidedivinput'><i class='fa-check'>Validated</i><i class="fa-close">UnValidated</i> <button class="sendmailbuttontrigger" disabled> Send </button>

Answer 2

如果您只想验证电子邮件地址，可以使用 HTML 内置的验证：

 <form onsubmit="return false;"> <input type="email" required="1"> <input type="submit"> </form>

（当然，为您自己的表单省略onsubmit 。这只是在我的示例中防止您离开带有表单的页面。）

Answer 3

我也在互联网上搜索并使用了这个，它正在工作。

// email validation
checkEmail = (inputvalue) => {
    const pattern = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
    if (pattern.test(inputvalue)) return true;
    return false;
}

JavaScript 电子邮件地址验证

问题描述

3 个解决方案

解决方案1
0 2017-10-02 03:32:21

解决方案2
0

解决方案3
-2 2017-10-02 03:46:34

JavaScript 电子邮件地址验证

问题描述

3 个解决方案

解决方案1 0 2017-10-02 03:32:21

解决方案2 0

解决方案3 -2 2017-10-02 03:46:34

解决方案1
0 2017-10-02 03:32:21

解决方案2
0

解决方案3
-2 2017-10-02 03:46:34