关于ajax前台验证用户名是否存在
2016-07-13 14:17
375 查看
<pre name="code" class="html"> <div class="login_li"> <div class="login_lt">用户名</div><span id="userinfo" style="color:red;padding:5px 30px; "></span> <div class="login_rt"> <input type="text" class="all_in" id="username" name="username" onblur="loadXMLDoc();"/>
其中需要 onblur 失去焦点事,接下来就是AJAX:
$.ajax({ type: "post", url:"<%=request.getContextPath()%>/user/check.do", data: {username: $("input[name='username']").val()}, success: function(msg){ // alert(msg); if("success"==msg){ $("#userinfo").html("**用戶已存在"); // alert("*********"); }else{ $("#userinfo").html(""); } }, error: function(){ // $("#userinfo").html(""); alert("调用异常"); } }); }ajax验证是需要后台写代码,写一个验证action的,我用的是springMVC
@RequestMapping("/check.do") @ResponseBody public void check(@RequestParam("username")String username,HttpServletResponse response,HttpServletRequest request,Model model){ try { PrintWriter out = response.getWriter(); User user = new User(); user.setUsername(username); boolean b=userService.checkUser(user); if(b){ // out.print("用户已存在"); out.print("success"); return ; } return; } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } }
//可额外补充
document.getElementById("sub").disabled=true; //这段代码可以让已经存在的用户不能点击
//按钮颜色变灰色
$("#sub").css("background-color","#C0C0C0");
相关文章推荐
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- 使用Ajax实现异步用户名验证
- 使用ajax实现用户登录验证(升级版)
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- Dom在ajax技术中的作用说明
- AJAX实现瀑布流触发分页与分页触发瀑布流的方法
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 探讨Ajax中同步与异步之间的区别
- ajax中data传参的两种方式分析
- 原生AJAX写法实例分析
- 探秘ajax跨域请求
- Ajax实现简单下拉选项效果【推荐】
- JQuery ajax返回JSON时的处理方式 (三种方式)
- Ajax中浏览器和服务器交互详解
- jQuery AJAX实现调用页面后台方法
- ajax实现点击不同的链接让返回的内容显示在特定div里
- 在Ajax中使用get和post所遇到的问题及解决办法