使用JS和CSS如何判断邮箱格式

登录按钮用图片显示。电子邮箱不能为空
电子邮箱中必须包含符号“@”和“.”

<form action="">
  输入:<input type="text" name="mazey" id="mazey" placeholder="请输入邮箱">
  <input type="button" value="验证" onclick="check();">
</form>
<script>
function check(){
  var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式
  var obj = document.getElementById("mazey"); //要验证的对象
  if(obj.value === ""){ //输入不能为空
    alert("输入不能为空!");
    return false;
  }else if(!reg.test(obj.value)){ //正则验证不通过,格式不对
    alert("验证不通过!");
    return false;
  }else{
    alert("通过!");
    return true;
  }
}
</script>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-05-17
百度搜索,js邮箱正则表达式
相似回答