ssm项目（三）登录验证/注册

Bertha 。 2022-05-06 12:00 183阅读 0赞

登录验证

一：jsp

![70][]

二：利用ajax异步提交验证

我们要做的就是，当点击登录的时候，获取username,password的值，来判断是否为空，不为空则提交，让Controller进行提交

$("#login").click(function(){
    		var username = $("#username").val();
    		var password = $("#password").val();
    		if(username==""||username==null){
    			$("#username").focus();
    			$("#p1").css("color","red");
    			$("#p1").html("用户名不能为空");
    			return false;
    		}else if(password==""||password==null){
    			$("#password").focus();
    			$("#p2").css("color","red");
    			$("#p2").html("密码不能为空");
    			return false;
    		}else{
    			$.ajax({
    				url:"login",
    				data:{"username":username,
    					  "password":password},
    				type:"POST",
    				dataType:"json",
    				success:function(data){
    					if(data.ma==1){
    						window.location.href="main";
    						return true;
    					}else{
    						alert("用户名或密码错误");
    						return false;
    					}
    				},
    				error:function(data){
    					alert("我好像出错了"); 
    					alert(data.status);
    					alert(data.readyState);
    					alert(data.responseText);
    					return false;
    				}
    			});
    		}
    	});

第二个：当username输入框的输入改变的时候，获取数值，查询数据库中是否已经存在

$("#username").change(function(){
    		$.ajax({
    			url:"validate",
    			data:{"username":$("#username").val()},
    			type:"POST",
    			dataType:"json",
    			success:function(data){
    				if(data.ma==1){
    					$("#username").focus();
    					$("#p1").css("color","red");
    					$("#p1").html("*用户名已存在");
    				}else{
    					$("#p1").html("");
    				}
    			},
    			error:function(data){
    				alert(data.status);
    				alert(data.readyState);
    				alert(data.responseText);
    			}
    		});
    	});

三：注册

主要为图片上传问题

![70 1][]

图片上传：[https://mp.csdn.net/postedit/82994197][https_mp.csdn.net_postedit_82994197]

[70]: /images/20220506/bdf5c2b8d8ba47fa90645b4f996a2a59.png
[70 1]: /images/20220506/8c99e8e8d8c74ac3a9e31e6173175741.png
[https_mp.csdn.net_postedit_82994197]: https://mp.csdn.net/postedit/82994197