时间戳

首页 > 解决方案 > 检查电子邮件验证并在电子邮件阻止字段下给出错误

javascript - 检查电子邮件验证并在电子邮件阻止字段下给出错误

问题描述

检查电子邮件验证并在电子邮件阻止字段下给出错误

function email_check()
{
    var email = document.getElementById('email').value;
    var datas = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

    if(datas.test(email) == false)
    {
        document.getElementById('errorpassword').innerHTML = "this is an invalid email";   
    }

    return false;
}


<input type ="email" placeholder="email id" id="email" required onblur="email_check(this.value)"/>
<span id="erroremail"></span>

标签： javascripthtmlvalidationemail

解决方案

尝试以下代码并以您需要的方式对其进行编辑

function validateEmail(email) {
  var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  return re.test(email);
}

function validate() {
  var $result = $("#result");
  var email = $("#email").val();
  $result.text("");

  if (validateEmail(email)) {
    $result.text(email + " is valid :)");
    $result.css("color", "green");
  } else {
    $result.text(email + " is not valid :(");
    $result.css("color", "red");
  }
  return false;
}

$("#validate").bind("click", validate);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
  <p>Enter an email address:</p>
  <input id='email'>
  <button type='submit' id='validate'>Validate!</button>
</form>

<h2 id='result'></h2>

推荐阅读