邮箱验证实例

一、邮箱验证实例（1）

const re = {
    email:/^[A-Za-z0-9\.]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/,
};

//检测邮箱
function testMail(event) {
    if (event.value === ""){
        $(event).next().next().text("请输入邮箱号");
        $(event).next().next().slideDown();
        return false;
    }
  if (!re.email.test($(event).val())) {
      $(event).next().next().text("请输入正确的邮箱格式");
      $(event).next().next().slideDown();
    return false;
  }
  return true;
}

Html代码： 

<div class="form-group form-show">
    <label for="email" class="label-reg">电子邮箱</label>
    <input id="email" class="width-mody form-control" type="text" placeholder="请输入电子邮箱"
           maxlength="30"
           oninput="inputEmoji(this)" onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;">

    <div id="check-email" class="form-group" style="margin-bottom: 0; display: none">
        <div class="col-sm-12">
            <label class="form-c" id="check-email1">
                请输入正确的电子邮箱地址
            </label>
        </div>
    </div>
    <div id="check-email-apply" class="form-group" style="margin-bottom: 0; display: none">
        <div class="col-sm-12">
            <label class="form-c">
                该邮箱已被占用
            </label>
        </div>
    </div>
</div>

 二、邮箱验证实例（2）

function checkEmail() {
    var email = $$("#email").val();
    var eemail = /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/g;
    if (!email) {
        $$('#register-email').html("邮箱不可为空");
        $$('#register-email')[0].style.color = '#ff0000';
        $$("#check-email")[0].style.visibility = "visible";
        return false;
    }
    if (!eemail.test(email)) {
        $$('#register-email').html("邮箱格式不正确");
        $$('#register-email')[0].style.color = '#ff0000';
        $$("#check-email")[0].style.visibility = "visible";
        return false;
    } else {
        $$("#check-email")[0].style.visibility = "hidden";
        return true;
    }
}