登录界面的验证

用html、css、js做一个简单的登录界面的验证

做一个登录界面验证

用户名不允许为空
密码为6-16位数字
邮箱要用email格式
手机号必须1开头且为11位数
地址必须填写
必须勾选同意协议才可以提交

css 用户名框验证如下

				var flag = true;
				if(name.length<1){
   
					$('msgName').innerText=errorMsg[0];
					flag = false;
				}

css 密码框验证如下

				if(pwd.length<6||pwd.length>16){
   
					$('msgPwd').innerText=errorMsg[1];
					flag = false;
				}			

css 邮箱框验证如下

	
				if(!/^w+@w+\.w+$/.test(email)){
   
					$('msgEmail').innerText=errorMsg[2];
					flag = false;
				}
				

css 手机号框验证如下

				if(!/^1[35789]\d{
   9}$/.test(phone)){
   
					$('msgPhone').innerText=errorMsg[3];
					flag = false;
				}

css 地址框验证如下

				if(address.length<1){
   
					$('msgAddress').innerText=errorMsg[4];
					flag = false;
				}

css 同意协议验证如下

				if(!allow){
   
					$('msgAllow').innerText=errorMsg[5];
					flag = false;
				}

**css 失去焦点事件校验 **

			//使用失去焦点事件校验
			$('name').addEventListener('blur',function(){
   
				if(this.value.length < 1){
   
					$('msgName').innerText = errorMsg[0];
				}else{
   
					$('msgName').innerText = '';
				}
			})

html写出六个验证框和一个提交按钮

<form action="register">
			<input type="text" name="name" id="name" placeholder=