Question

我正在使用JavaScript进行字段验证的HTML表单。我被困在电子邮件验证上。我搜索了互联网，发现了类似的东西 -

JS代码

Region.includes(:translations).where('name like ?', 'translated')

HTML代码

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;  
    }  
}

请解释一下这个？

Answer 1

检查这个我正在使用这样的东西我缩小了一些您必须输入有效的电子邮件地址，例如此Example@example.com

＆＃13;

$(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');
      }
    })
  });
});

＆＃13;

.fa-check{
  display:none;
}

＆＃13;

<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>

＆＃13;

Answer 2

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

＆＃13;

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

＆＃13;

（当然，请忽略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 个答案: