|
我们来学习一下用Javascript正则表达式验证Email地址，先看如下一段代码： function isValidMail(sText){ var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/; return reMail.test(sText); } 似乎这样验证像sofish@163.com这样的邮箱是没问题的。但，由于仔细看一下在AT（@）后面的非捕获性引用中，使用的是*（出现任意次）： var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/; 那么，也包括出现0次，这样的话。像sofish@163com这样的邮箱也是通过验证的。 显然，"."是必须至少出现一次的，因此，而"+"才表示至少出现一次。但这里，在AT后面，我们可以写像163.com.cn这样的结尾，但直接改成"+"的话，这样163..com.cn也可以通过验证。下面是我的方法： function isValidMail(sText) { var reMail = /^(?:\w+\.?)*\w+@(?:\w+\.)+\w+$/; alert(reMail.test(sText)) } 规定"."号只出现一次。然后在非捕获引用后面，让其他至少显示1次，再以任意的字符结束。不过，这里的"\w"是包括下划线的，也就是说，像 sofish@163_.com_这样的邮件也是可能通过难的，显然，这是一个不合法的邮件，在AT后面的"."号后前，是不可以出现下划线的，而后面，只能是英文字母的(至少目前我没有见过用后面是数字的域名)。并且，这里应该注意到的是，"\w"所代表的字符包括下划线，不用缩写是这样的： [a-zA-Z_0-9] 因此，上面的代码可以这样进行改装： function isValidMail(sText) { var reMail = /^(?:[a-z\d]+[_\-\+\.]?)*[a-z\d]+@(?:([a-z\d]+\-?)*[a-z\d]+\.)+([a-z]{2,})+$/i; alert(reMail.test(sText)) } 其实，通常这样写就可以了，对吧。要更深入，还可以考虑AT后面的各个点后面，不应该用相同的字母，比如.com.cn.com.cn（很显然，这样的域名还是有的，我错了，感谢@StonyWang同学的提醒，真的有人这么囧这样做么?）这样是不被请允许的。可以考虑一下利用捕获性引用进行储存，并进行比较验证。当做一道练习题吧（突然感觉好像在学高中的数学题）。 全部代码如下： <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>用Javascript正则表达式验证Email地址</title> </head> <body style="background:#fff;"> <p style="margin-bottom:20px;"> 输入Email地址，点击测试，错误的地址将返回 false...正确的显示成true自己猜： </p> <input type="text" value="" id="mail"/> <input type="button" value="测试" id="checkout" onclick="isValidMail(sText)" /> <script type="text/javascript"> var sText = document.getElementById('mail').value; document.getElementById('mail').onblur = function sValue(){ sText = this.value; } function isValidMail(sText) { var reMail = /^(?:[a-zA-Z0-9]+[_\-\+\.]?)*[a-zA-Z0-9]+@(?:([a-zA-Z0-9]+[_\-]?)*[a-zA-Z0-9]+\.)+([a-zA-Z]{2,})+$/; alert(reMail.test(sText)) } </script> </body> </html> (责任编辑：admin) |