原生js会员注册信息表单提交验证代码

来源:https://www.sucaihuo.com/js/3504.html 2018-03-02 16:58浏览(1274) 收藏

一款简单的原生js会员注册信息表单提交验证代码,用户填写完成后,点击提交按钮,判断填写的信息是否符合要求,如不符合将弹出相应的修改信息要求,引导用户正确填写表单。
原生js会员注册信息表单提交验证代码
分类:表单代码 > 注册登录框 难易:初级
查看演示 下载资源 下载积分: 10 积分

js代码

<script type="text/javascript">
		function check(){
//			姓名
				var name = document.getElementById("name");			
				if(name.value==''){
					alert('姓名不能为空');
					name.focus();
					return false;
				}else{
					var vname=(/^[a-zA-Z\u4e00-\u9fa5]{2,10}$/);
				    if (!vname.test(name.value)) {
					    alert('姓名2-10个字,只能是中文或英文');
					    name.focus();
					    return false; 
				    }
				}					 					
			
//			电话
				var phone = document.getElementById('phone');
				if(phone.value==''){
					alert('电话不能为空');
					phone.focus();
					return false;
				}else{
					var phone_reg = /^13[0-9]{1}[0-9]{8}$|15[0-9]{1}[0-9]{8}$|18[0-9]{1}[0-9]{8}|17[0-9]{1}[0-9]{8}$|14[0-9]{1}[0-9]{8}/;
        			var tel_reg = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
					if(!phone_reg.test(phone.value) && !tel_reg.test(phone.value)){
						alert('手机或电话号码格式不正确。如果是固定电话,必须形如(xxxx-xxxxxxxx)');
						phone.focus();
						return false;
					}
				}
				
//			密码
				var pwd1 = document.getElementById('pwd1');
				if(pwd1.value==''){
					alert('密码不能为空');
					pwd1.focus();
					return false;
				}else{
					var vpwd = /^[A-Za-z0-9]+$/;
					if(!vpwd.test(pwd1.value)){
						alert('密码错误,密码由数字和字母组成');
						pwd1.focus();
						return false;
					}else{
						if(pwd1.value.length<6){
							alert('密码不能少于6位');
							pwd1.focus();
							return false;
						}
					}
				}
//			验证密码
				var pwd2 = document.getElementById('pwd2');
				if(!(pwd2.value==pwd1.value)){
					alert('确认密码与第一次输入不同,请重新输入');
					pwd2.focus();
					return false;
				}
			
//			邮箱
				var email = document.getElementById('email');
				if(email.value==''){
					alert('邮箱不能为空');
					email.focus();
					return false;
				}else{
					var vemail = /^[0-9a-zA-Z]+(?:[\_\.\-][a-z0-9\-]+)*@[a-zA-Z0-9]+(?:[-.][a-zA-Z0-9]+)*\.[a-zA-Z]+$/i;
					if(!vemail.test(email.value)){
						alert('邮箱格式错误');
						email.focus();
						return false;
					}
				}
//			地址
				var address = document.getElementById('address');
				if(address.value==''){
					alert('地址不能为空');
					address.focus();
					return false;
				}else{
					if(address.value.length<8){
						alert('不能少于8个字');
						address.focus();
						return false;
					}
				}
				
		}
			
		</script>
标签: 表单验证
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2