分别在前端和后端实现对表单(E-mail和 Telphone)的验证
废话不多,代码如下...
前端实现利用正则表达式对e-mail和telphone的验证
regex_form_relizea.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>前端实现正则表达式验证</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<div class="">
e-mail: <input type="text" id="e-mail" name="e-mail" placeholder="e-mail">
telphone: <input type="text" id="tel" name="tel" placeholder="telphone">
<input type="submit" id="sub" name="sub" value="提交">
</div>
<script>
$(document).ready(function(){
var regex = /^\w+@\w+\.com|cn$/;
var retel = /^[1][3578][0-9]{9}$/;
var flag = true;
var msg = '';
$("#sub").click(function(){
var con = $("#e-mail").val();
if(!regex.test(con)){
msg += '你的e-mail格式输入不正确,';
flag = false;
}
var tel = $("#tel").val();
if(!retel.test(tel)){
msg += '并且你的telphone号码输入也有误!!';
flag = false;
}
if(flag){
msg += '正在提交,请稍后...';
alert(msg);
}else{
msg += '请重新输入!';
alert(msg);
}
window.location.r