Spring MVC+ajax进行信息验证的方法(2)

上面的代码差不多相同，所以只用看分割线上的就差不多了，分割线上面的是先用本地JS检测用户输入是否为空，然后若不为空，则执行Ajax代码，检查账号是否已经被占用，Ajax代码如下：

var loadXMLDoc=function() { var xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { var text=xmlhttp.responseText; document.getElementById("usernameInfo").innerHTML=text; //设置反馈信息 } } var name = document.getElementById("exampleInputEmail1").value; //获取用户输入 xmlhttp.open("GET","userController/checkInfo.do?username="+name,true); //构造请求 xmlhttp.send(); //发送 }

最后看看Controller的代码：

@RequestMapping(value="/checkInfo",produces={"text/html;charset=utf-8;"}) //设置编码 @ResponseBody //设置响应转换为JSON public String check(HttpServletRequest requst) { String username = requst.getParameter("username"); System.out.println(username); Integer id = userService.check(username); //检查账号是否已经存在 if (id!=null) { 9 return "账号已经存在"; }else { return ""; } }

成果展示：

利用js提醒密码不能为空

　　　　　　　　　　

　　　　　　　　　　　　　　　　 

利用ajax检测账号是否重复，以及利用JS检测前后密码是否一致

总结

以上所述是小编给大家介绍的Spring MVC+ajax进行信息验证的方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

您可能感兴趣的文章: