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

html-css010

使用JS和CSS如何判断邮箱格式,第1张

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

很不幸告诉你,你这是在做梦

首先这不是你的样式问题,而是outlook2007的页面渲染模式类似于WORD,即文本渲染;这方面的你去搜索就能搜到一堆这方面的吐槽。

再者,就算不考虑outlook,或者是其它邮件客户端,哪怕只是在网页上看邮件,你的邮件也不要用DIV去做,要用TABLE;而且也不能用外部调用样式,不能用内部页面样式,只能用行内样式;使用图片只能插入使用,不能当背景属性使用;浮动属性,ul、li、dl、dd诸如此类标签一概不能用;用了就会有很多问题。

你要不信你随便打开一些广告邮件都符合我说的这些。。