前端通过JS对用户名和密码进行筛选(非空)

最新推荐文章于 2024-08-04 17:42:53 发布

没有腹肌的程序猿

最新推荐文章于 2024-08-04 17:42:53 发布

阅读量465

点赞数

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.csdn.net/weixin_41998715/article/details/112968207

前端通过JS对用户名和密码进行筛选(非空)

<form id="FormId" name="FormName" action="Test2.jsp" method="get">
 	 用户名：<input type="text" id="m_username" name="m_username" value=" "></br> </br>
          密　码：<input type="Password" id="m_password" name="m_password" value="123456">  </br></br>
     <button onclick="checkUP()">button登录</button>
	 <input type="submit" value="登陆">
  </form>


  <script>
  	var username = document.getElementById("m_username");
  	var password = document.getElementById("m_password");

  	
  	function checkUP(){
  		return checkUserName()&&checkPassWord();
  	}
  	
  	function checkUserName(){
  		
  		if(username.value==" "||username.value==""){
  			alert("用户名不能为空");
  			//如果验证不通过通过此方法跳转到指定页面.
  			document.FormName.action="Test_getQueryList.jsp";
  		}else if(username.value==null){
  			alert("用户名不能为null");
  			document.FormName.action="Test_getQueryList.jsp";
  		}else{
  			return true;
  		}
  	}
  	
  	function checkPassWord(){
  		if(password.value==" "||password.value==""){
  			alert("密码不能为空");
  			document.FormName.action="Test_getQueryList.jsp";
  		}else if(password.value==null){
  			alert("密码不能为null");
  			document.FormName.action="Test_getQueryList.jsp";
  		}else{
  			return true;
  		}
  	}
  </script>