JS判断邮箱格式,密码输入是否一致,不能为空,长度控制等

JS 判断邮箱格式是否正确,注册时两次输入密码是否一致,  用户名等输入不能为空,输入的长度控制。


	<script type="text/javascript">
	var b = new Boolean();
	b = false;
	var b2 = new Boolean();
	b2 = false;
	function checkSubmit(){
   		var userName = form1.userName.value;
   		var passWord = form1.passWord.value;
   		var passWordDemo = form1.passWordDemo.value;
   		var email =  form1.email.value;
   		if(userName!=0){
   			if(passWord!=0){
   				if(passWordDemo!=0){
   					if(email!=0)
   					{
   						if(b){
   							if(userName.length<20 && userName.length>4)
   							{
   								if(passWord.length<25 && passWord.length>5){
   									if(b2){
   										document.form1.submit();
   									}else{
   										alert("两次输入的密码不一致!");
   									}
   								}else{
   									alert("密码长度必须在6-25个字符之间!");
   								}
   								
   							}else{
   								alert("用户名长度必须在5-20个字符之间!")
   							}
   						}else{
							alert("请您确认您的邮箱是否填写正确!");   						
   						}
   					}else{
   						alert("请您先填写用来找回密码的邮箱!");
   					}
   				}else{
   					alert("您还没有填写确认密码!");
   				}
   			}else{
   				alert("请您先填写要注册的用户密码!");
   			}
   		}else{
   			alert("请您先填写要注册的用户名!");
   		}
   	}
   	
   	function isPassWord(passWord,passWordDemo){
   	
    	var passWord = document.getElementById(passWord).value;
    	var passWordDemo = document.getElementById(passWordDemo).value;

    	
    	if(passWordDemo != passWord){
    		document.getElementById('spantest2').innerText = "两次输入的密码不一致! ";
    		b2 = false;
    		return false;
    	}else{
    		document.getElementById('spantest2').innerText = "正确";
    		b2 = true;
    		return true;
    	}
    }
   	
   	function isEmail(email) { 
    var strEmail=document.getElementById(email).value; 
    if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) 
    { 
            document.getElementById('spantest').innerText = "邮箱格式正确";
            b = true;
            return true; 
    }else{ 
            document.getElementById('spantest').innerText = "邮箱格式错误!";
            document.getElementById(email).focus(); 
            b = false;
            return false; 
    } 
    

} 
</script>


上面是js代码

下面是html部分代码:

定义<span>或者div来接受js中的结果。

<span id="spantest2"></span>

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
以下是一个简洁的用户注册界面的HTML代码和JavaScript代码,实现了对用户名、邮箱密码的基本验证。您可以根据自己的需求进行修改和完善。 HTML代码: ``` <!DOCTYPE html> <html> <head> <title>用户注册</title> </head> <body> <h1>用户注册</h1> <form> <label for="username">用户名:</label> <input type="text" id="username" name="username" required><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email" required><br> <label for="password">密码:</label> <input type="password" id="password" name="password" required><br> <label for="confirm_password">确认密码:</label> <input type="password" id="confirm_password" name="confirm_password" required><br> <button type="button" onclick="register()">注册</button> </form> <script src="register.js"></script> </body> </html> ``` JavaScript代码: ``` function register() { var username = document.getElementById("username").value; var email = document.getElementById("email").value; var password = document.getElementById("password").value; var confirm_password = document.getElementById("confirm_password").value; // 判断用户是否为空 if (username === "") { alert("用户不能为空!"); return; } // 判断邮箱格式是否正确 if (email.indexOf("@") === -1) { alert("邮箱格式正确!"); return; } // 判断密码长度是否符合要求 if (password.length < 6 || password.length > 9) { alert("密码长度必须在6到9之间!"); return; } // 判断两次输入密码是否一致 if (password !== confirm_password) { alert("两次输入密码一致!"); return; } // 注册成功 alert("恭喜你成功注册!"); } ``` 这段JavaScript代码中,首先获取了用户名、邮箱密码等表单元素的值,然后进行了基本的验证,包括判断用户名和密码是否为空判断邮箱格式是否正确,以及判断密码长度和两次输入密码是否一致。如果验证通过,则弹出注册成功的提示框。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值