BitTigerio 2018-01-06
需求说明:
使用正则表达式验证页面文本输入框,输入的数据为邮箱格式。
代码说明:
这里只介绍正则表达式部分,其他部分的代码不做介绍。如有其它逻辑判断可自己添加。
步骤一:建立一个页面可以是html、jsp等,引入jquery-3.2.1.min.js(其他版本亦可)。
步骤二:编写正则表达式。
代码部分如下:
<!DOCTYPE html><br /><html lang="en"><br /><head><br /> <meta charset="UTF-8"><br /> <title>Title</title><br /> <script src="jquery-3.2.1.min.js" ></script><br /></head><br /><body><br /><br /></body><br /><script><br /> //这里默认页面加载时验证输入数据<br /> $(function () {<br /> var value="[email protected]";<br /> if(validatorEmail(value)){<br /> console.log("参数:符合验证要求");<br /> }else{<br /> console.log("参数: 不符合验证要求");<br /> }<br /> })<br /><br /> /*<br /> * 验证邮箱格式是否正确<br /> */<br /> function validatorEmail(value){<br /> // 正则验证格式<br /> eval("var reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;");<br /> return RegExp(reg).test(value);<br /> }<br /></script><br /></html>