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