表单验证

<!--1.非空验证
    2.相等验证
    3.范围验证
    4.正则验证 -->

<form action="日期选择例题.html" method="post">
	用户名:<input  type="text" id="yh"/>
    密码:<input  type="password" id="mm"/>
    确认密码:<input  type="password" id="qr"/>
    年龄:<input type="text" id="nl" />
    手机:<input  type="text" id="sj"/>
	<input type="submit" value="提交"  onclick="return Tj()"/>
</form>


</body>
</html>
<script type="text/javascript">
	function Tj()
	{
		//获取文本框value值
		var yh = document.getElementById("yh").value;
		//判断文本框是否为空
		if(yh=="")
		{
			alert("用户名不能为空");
			return false;
		}
		//如果不为空则判断密码是否正确
		else
		{
			//找元素
			var qr = document.getElementById("qr").value;
			var mm = document.getElementById("mm").value;
			//判断密码是否一致
			if(qr!=mm)
			{
				alert("密码不一致");
				return false;
			}
			//如果一致判断年龄
			else
			{
				//找元素
				var nl = document.getElementById("nl").value;
				if(nl<18)
				{
					alert("写作业去");
					return false;
				}
				//年龄符合判断手机
				else
				{
					//找元素
					var sj = document.getElementById("sj").value;
					var z = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
					if(sj.match(z)==null)
					{
						alert("手机号不正确");
						return false;
					}
					//都正确则提交
					else
					{
						return true;
					}
				}
			}
		}
		
	}
	
</script>

 

posted @ 2018-04-10 11:55  weizihao  阅读(78)  评论(0编辑  收藏  举报