经典js密码用户名表单验证-优快云博客

本文提供了一个简单的HTML表单验证脚本示例，包括对用户名、密码及其确认密码的即时验证，确保用户输入非空且两次密码一致。

2019独角兽企业重金招聘Python工程师标准>>>

<html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> 
<script type="text/javascript"> function a(obj){ var zhi=document.getElementById('a'); 
zhi.innerHTML='';
if(obj.value.length=='0'){   
zhi.innerHTML='账号不能为空';  
return false; 
 exit; 
}
else{     
zhi.innerHTML='√';    
return true;  
} alert("aaa"); 
}  <!--验证密码--> 
function p(obj){ 
 var zhi=document.getElementById('p');  
if(obj.value.length=="0"){   
zhi.innerHTML='密码不能为空';  
 return false;   
exit;  
}else{   
zhi.innerHTML='√';   
return true;   
 }  
}  
<!--判断两次密码是否一致-->
 function www(obj,obj2){
 //alert('aa');  var a=document.getElementById('www'); 
 a.innerHTML='';  
if(obj.value!=obj2.value){   
a.innerHTML='两次密码不一致';  
 return false;   
exit;  
}else{   
a.innerHTML='√';   
 return true;  } } 
</script>
 </head> 
<body> 
 <form method="post" action="" name="myform"> 
姓名：<input type="text" name="username" onblur="a(this)" />       
<span id="a" style="color:red;font-size:12px;"></span><br> 
密码：<input type="password" name="pword" onblur="p(this)"/>
<span id="p" style="color:red;font-size:12px;"></span></br> 
确认密码：<input type="password" name="qrpword" onblur="www(this,document.myform.pword)" />
<span id="www" style="color:red;font-size:12px;"></span></br> 
<input type="submit" value="提交"/> 
<input name="" type="button" class="userpsubmit" value="" id="add" 
    onclick="check_all(document.myform)">
  </form> 
</body> 
</html>

转载于:https://my.oschina.net/lzwenme/blog/270135