验证表单

 1	<script type="text/javascript">
 2	function check(){
 3		//验证用户名
 4		var oUser=document.getElementById('username');
 5		if(!/^[A-Z]{2}\d{3}$/.test(oUser.value)){
 6			alert('用户名不正确');
 7			oUser.select();
 8			return false;
 9		}
 10		//验证密码
 11		var oPwd=document.getElementById('pwd');
 12		if(!/^\d{6}$/.test(oPwd.value)){
 13			alert('密码必须是6位的数字');
 14			oPwd.select();
 15			return false;
 16		}
 17		//性别必须是男或女
 18		var oSex=document.getElementById('sex');
 19		if(!/^[男|女]$/.test(oSex.value)){
 20			alert('性别必须是男或女');
 21			oSex.select();
 22			return false;n
 23		}
 24		//年龄
 25		/*
 26		10-120
 27		10-99	100-120
 28		[1-9][0-9]  1[0-1][0-9]  120
 29		*/
 30		var oAge=document.getElementById('age');
 31		if(!/^[1-9][0-9]$|^1[0-1][0-9]$|^120$/.test(oAge.value)){
 32			alert('年龄必须在10-120之间');
 33			oAge.select();
 34			return false;
 35		}
 36		//电话
 37		var oPhone=document.getElementById('phone');
 38		if(!/^0[1-9]\d{1,2}-\d{7,8}$/.test(oPhone.value)){
 39			alert('电话格式不正确');
 40			oPhone.select();
 41			return false;
 42		}
 43		//手机
 44		var oMobile=document.getElementById('mobile');
 45		if(!/^1[3,4,5,7,8]\d{9}$/.test(oMobile.value)){
 46			alert('手机格式不正确');
 47			oMobile.select();
 48			return false;
 49		}
 50		//邮箱
 51		var oEmail=document.getElementById('email');
 52		if(!/^\w+@\w+\.\w+$|^\w+@\w+\.\w+\.\w+$/.test(oEmail.value)){
 53			alert('邮箱格式不正确');
 54			oEmail.select();
 55			return false;
 56		}
 57		return true;
 58	}
 59	</script>
 60	<form action="" οnsubmit='return check()'>
 61		<table align='center' width='500' >
 62			<tr>
 63				<td>用户名:</td>
 64				<td><input type="text" id="username"></td>
 65			</tr>
 66			<tr>
 67				<td>密码:</td>
 68				<td><input type="text" id="pwd"></td>
 69			</tr>
 70			<tr>
 71				<td>性别:</td>
 72				<td><input type="text" name="" id="sex"></td>
 73			</tr>
 74			<tr>
 75				<td>年龄:</td>
 76				<td><input type="text" name="" id="age"></td>
 77			</tr>
 78			<tr>
 79				<td>电话:</td>
 80				<td><input type="text" name="" id="phone"></td>
 81			</tr>
 82			<tr>
 83				<td>手机:</td>
 84				<td><input type="text" name="" id="mobile"></td>
 85			</tr>
 86			<tr>
 87				<td>邮箱:</td>
 88				<td><input type="text" name="" id="email"></td>
 89			</tr>
 90			<tr>
 91				<td colspan='2' align='center'>
 92					<input type="submit" value="提交">
 93				</td>
 94			</tr>
 95		</table>
 96	</form>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值