邮箱正则表达式

最新推荐文章于 2024-07-19 14:12:54 发布

LitongZero

最新推荐文章于 2024-07-19 14:12:54 发布

阅读量540

点赞数 1

分类专栏： # JavaScript 文章标签： JavaScript 验证正则表达式邮箱正则

本文链接：https://blog.csdn.net/LitongZero/article/details/81234089

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

正则表达式

//验证邮箱
var testRule = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;

一个验证方法

//验证邮箱
var testRule = /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
var testWord = "请输入一个有效的Email地址";

/**
 * 验证方法
 * @param checkId 检查Id
 * @param labelName  提示框Id
 */
function checkEmail(checkId,labelName) {
    if ($("#"+checkId).val().trim() != $("#"+checkId).val()) {
        $("#"+labelName).html("不能以空格开头或结尾");
        $("#"+labelName).show();
    } else if (!testRule.test($("#"+checkId).val())) {
        $("#"+labelName).html(testWord);
        $("#"+labelName).show();
    }else {
        $("#"+labelName).hide();
    }
}

使用方法

<li>
  <label class="">邮箱：</label>
  <div>
    <input type="text" name="email" id="email" class="input-sm form-control" placeholder="请输入邮箱" oninput="checkEmail(this.id,'email-error')">
    <label id="email-error" class="error" for="email" style="display: none;"></label>
  </div>
</li>