JAVAweb在jsp中的用户登陆界面带校验

JAVAweb在jsp中的用户登陆界面带校验

  1. 首先在eclipse中创建一个web项目之后创建一个jsp的文件名字叫什么都可以(推荐 见名知意,比如做登陆界面的话可以叫login.jsp)

  2. 下面就是写代码了,如下:

  3. 先写一个login的界面

    <%@ page language=“java” contentType=“text/html; charset=UTF-8”
    pageEncoding=“UTF-8”%>

    <html> 
    <script type="text/javascript">
    	function logion() { 	//在这里写一个logion的构造方法
    		var name = document.logionform.uname.value; //写一个变量叫name 让name得到下面写的表单元素的用户名中的value
    		if (name == null || name == "") { 		//在这判断用户名是不是为空	
                 alert("用户名不可以为空"); 		//如果为空跳出一个警告框	
    		 return;
    		} else { 		
    //否则就跳转到下一个界面 我这里下个界面名字叫logion1.jsp并提交
    
    		document.loginform.action = "logion1.jsp";
    		document.loginform.submit(); 		}
    
    	}	 
    	</script> <head> <meta http-equiv="Content-Type"
    content="text/html; charset=UTF-8"> 
    <title>登陆</title>
    </head> 
    <body> 	
    <form action="logion1.jsp"  name="logionform >//给表单起个名字叫logionform
    		用户名:<input  type="text" name="uname"  >  		
    		密码:<input  type="password"name="pwd">
    	 	<input  type="submit" value="提交" onclick="logion()"> //在提交这调用了上面写的校验方法logion();
    	 	<input 	type="reset" value="重置"> 	
    	 	</form> 
    	 	</body>
    	 	 </html>
    
  4. 到这里 整个登陆页面带校验就做完了,是个一个完整的登陆界面,下个博客会写到提交之后的校验是否登陆成功的logion1.jsp

猜你喜欢

转载自blog.csdn.net/weixin_43415766/article/details/83868860
今日推荐