jQuery用户名验证

<script type="text/javascript"
src="${pageContext.request.contextPath}/js/xmlHttpRequest.js"></script>
<script type='text/javascript'
src='${pageContext.request.contextPath}/js/index.js'></script>
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/jquery-1.6.1.js"></script>
<script type="text/javascript">
   $(function(){
    var username = $("#username");
    var msg = $("#msg");
    var submit =$("#submit");
    username.blur(function(){
        alert(username.val())
        if(username.val()==""){
            msg.html("<font color='red'>请填写用户名!</font>");
            return;
        }                           
        var date = new Date();
        $.ajax({
            type:"get",
            url:"${pageContext.request.contextPath}/UserController",
            data:{  flag : "checkUser" ,
                    username : username.val()},     
            dataType:"text",
            success:function(data){                 
                if (data.length>5){
                    msg.html("<font color='red'>"+data+"</font>");
                    submit.attr("disabled",true);
                }else{
                    msg.html("<font color='green'>"+data+"</font>");
                    submit.attr("disabled",false);
                }
            }
            
        });
    }); 
 });

servlet代码:

 /*
 * 校验用户名是否存在
 */
private void checkUser(HttpServletRequest request,HttpServletResponse response) throws IOException {
    String username = "";
    if (request.getParameter("username") != null
            && !"".equals(request.getParameter("username"))) {
        username = request.getParameter("username");
    }
    System.out.println("username:"+username);
    PrintWriter out = response.getWriter();
    UserService userService = new UserService();
    int checkUser = userService.checkUser(username);
    System.out.println(checkUser);
    if(checkUser == 1){
        out.print("用户名已存在");
    }else if(checkUser == 0){
        out.print("用户名可用");
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 0 系列目录# WEB请求处理 WEB请求处理一:浏览器请求发起处理 WEB请求处理二:Nginx请求反向代理 本...
    七寸知架构阅读 14,094评论 22 190
  • 从三月份找实习到现在,面了一些公司,挂了不少,但最终还是拿到小米、百度、阿里、京东、新浪、CVTE、乐视家的研发岗...
    时芥蓝阅读 42,418评论 11 349
  • Based on Java™ Servlet Specification v3.1 [TOC] Servlet和S...
    0x70e8阅读 1,353评论 0 7
  • 其实我怎么也想不到的,我们班那个做平面设计做的牛牛的,月工资N年前就是上N万的被我们公认为终于有在设计界可以顶天立...
    妖精红袖阅读 1,360评论 1 1
  • 从未想过会遇见你, 在那年的夏秋之时。 从未想过会爱上你, 在那天的一见钟情。 与你的相见, 就如夏日干旱的田野,...
    桃园小奶奶阅读 306评论 0 0