JQuery 表单验证

最新推荐文章于 2024-05-23 22:33:59 发布

nijiadalinge

最新推荐文章于 2024-05-23 22:33:59 发布

阅读量141

点赞数

分类专栏：移动开发

本文链接：https://blog.csdn.net/NIJIADALINGE/article/details/79173664

版权

移动开发专栏收录该内容

58 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			span{
				color: red;
			}
		</style>
		<script src="img/jquery-1.11.1.js"></script>
		<script>
			function jogin(){
				
				var fname = false;
				var femail = false;
				var ftel = false;
				
				
				
				var name = $("#uname").val();
				if(name.length<3){
					$("#t_uname").html("姓名格式不合法");
					fname = false;
				}else{
					$("#t_uname").html("√");
					fname = true;
				}
				
				var email = $("#uemail").val();
				if(email == "" ||email.indexOf("@")==-1){
						$("#t_email").html("邮箱格式不合法");
					femail = false;
				}else{
					$("#t_email").html("√");
					femail = true;
				}
				
				var tel = $("#tel").val();
			if(tel.length!=11 ||isNaN(tel)){
					$("#t_tel").html("电话格式不合法");
					ftel = false;
				}else{
					$("#t_tel").html("√");
					ftel = true;
			
			}
				
					if(fname&&femail&&ftel){
						return true;
					}else{
						return false;
					}
			
		}
				
				function val_name(){
						var name = $("#uname").val();
				if(name.length<3){
					$("#t_uname").html("姓名格式不合法");

				}else{
					$("#t_uname").html("√");
				   }
			
				}
				
				
				function val_email(){
					var email = $("#uemail").val();
				if(email == "" ||email.indexOf("@")==-1){
						$("#t_email").html("邮箱格式不合法");
					femail = false;
				}else{
					$("#t_email").html("√");
					femail = true;
				   }
				}
			
			function val_tel(){
					var tel = $("#tel").val();
			if(tel.length!=11 ||isNaN(tel)){
					$("#t_tel").html("电话格式不合法");
					ftel = false;
				}else{
					$("#t_tel").html("√");
					ftel = true;
			
			    }
			}
		</script>
	</head>
	<body>
		<form action="http://baidu.com" οnsubmit="return jogin()" >
			
			姓名:<input id="uname" οnblur="val_name()"/><span id="t_uname"></span><br />
			
			Email地址:<input id="uemail" οnblur="val_email()"/><span id="t_email"></span><br />
			
			手机号:<input id="tel" οnblur="val_tel()"/> <span id="t_tel"></span><br />
			
			身份证号:<input id="cose" /><br />
			
			<button type="submit">提交</button>
		</form>
	</body>
</html>