Question

注册页面用户名注册时需判断数据库里是否有该用户名，如何将提示显示到同一页面上？

用jsp编写网页时，注册页面的用户名问题。
可以用javascript和div混合使用完成，具体如何操作？
也可以用其他的方法实现该功能。

Answer 1

可以使用Ajax进行判断

用户名表单

<div class="form0">
    用户名:<input type="text" name='userName" id="userName" value="" />
    <span class="msg"></span>
</div>

JS:

// 当焦点移出用户名输入框时
$("#userName").blur(function(){
    var userName = $.trim($(this));
    // 判断是否为空及空格
    if(userName == ""){
      return;
    }
    
    // 校验用户名是否存在,该URL可以返回该用户名存在的数量
    var url = '****.com/checkUserName?userName'+ userName;
    // 清空用户名表单提示信息内容
    var msgObj = $(this).next(".msg");
    msgObj.html("");
    // 使用ajax去后台判断该用户名在数据库中是否存在
    $.ajax({
        url: url,,
        type : 'GET',
        succsess:function(data){
            // 数据库中存在该用户名
            if(data*1 > 0){
                // 将错误信息添加至相应位置
                msgObj.html("该用户名已经存在");
            } else {
                msgObj.html("该用户名可以使用");
            }
        },
        error:function(){
                msgObj.html("校验用户名出现错误");
        }
    });
});

 

大概就是这样就可以了,你需要自己写一个校验用户名的后台方法

追问

能不能帮我把表达式语言（$语句）改成一般语句？

追答

这是JQuery, 你可以尝试着改查原生态js

Answer 2

你学过ajax 用它就行完全搞定 不用刷新页面