js表单验证_用户登录验证

最新推荐文章于 2024-07-13 17:56:15 发布

跳动的字符

最新推荐文章于 2024-07-13 17:56:15 发布

阅读量3k

点赞数 2

分类专栏： JavaScript 文章标签： JavaScript HTML

本文链接：https://blog.csdn.net/ertongzixingche/article/details/10137001

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录的表单验证</title>
<script type="text/javascript">
function userCheck(){
	var userstr=document.getElementById("username").value;//通过调用getElementById（）方法查找元素
	if(userstr.length!=0){
		for(var i=0;i<userstr.length;i++){
		  var a=userstr.substring(i,i+1);
		  if(a<9||a>0){
			  alert("用户名中包含数字，请重新输入！！！");
			  return false;
			  }
		  }
		}
	else{ 
	      alert("用户名不能为空！！！");
	       return false;
		}	
	return true;	//最好跟个true
	}	
function passwordCheck(){
	var password=document.myform.password.value;//通过document层次关系获取元素
	if(password.length==0){
		alert("密码不能为空，请重新输入！！！");
                document.myform.password.focus(); 
                return false;	   
		}
	if(password.length<6){
		alert("密码小于6位，请重新输入！！！");
		return false;
		}
	return true;		
	}	
function check(){
	if(userCheck()&&passwordCheck()){
		return true;
		}
	else{return false;}	
	}	
</script>
</head>

<body>
<div align="center" style="background-color:#0C0">
<form method="post" action="登录成功.html" id="myform" οnsubmit="return check()" name="myform">
<table>
<tr><td colspan="2" align="center"><h2>用户登录</h2></tr>
<tr>
<td>用户名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr>
<td>密 码</td><td><input type="text" name="passwordname" id="password"></td>
</tr>
<tr><td><input type="reset" name="reset" value=" 重置 "></td>
<td align="center"><input type="submit" name="submit" value=" 登录 "></td></tr>
</table>
</form>
</div>
</body>
</html>