ajax通过jquery判断用户添加界面，用户名不得重名等

具体的jsp代码实现

<script>
    var flag = false;
    $(function () {
        //用户编码框
        $("#userCode").blur(function () {
            var userCode = $("#userCode").val();
            if(userCode!=""){
                $.post(
                    "/userNameServlet",
                    {"userCode":userCode},
                    function (result) {
                        if(result){
                            $("#bianma").html("用户编码已存在！");
                            $("#bianma").css("color","red");
                            flag=false;
                        }
                        else{
                            $("#bianma").html("编码可以用！");
                            $("#bianma").css("color","green");
                            flag=true;
                        }
                    },
                    //返回值类型
                    "json"
                );
            }
            else {
                $("#bianma").html("*请输入用户编码，且不能重复");
                $("#bianma").css("color","rgb(250, 202, 13)");

            }

        });

//用户名称
        $("#userName").blur(function () {
            var userName = $("#userName").val();
            if(userName!=""){

                $("#user").html("*用户名称可用√");
                $("#user").css("color","green");
                flag=true;
            }
            else{
                $("#user").html("*用户名称不能为空！");
                $("#user").css("color","red");
                flag=false;
            }
        });
        //密码
        $("#userpassword").blur(function () {
            var userpassword= $("#userpassword").val();
            if(userpassword.length<6){
                $("#password").html("密码过短，至少6位！");
                $("#password").css("color","red");
                flag=false;
            }
            else if(userpassword.length>20){
                $("#password").html("密码过长，最多20位！");
                $("#password").css("color","red");
                flag=false;
            }
            else{
                $("#password").html("密码可用√");
                $("#password").css("color","green");
                flag=true;
            }
            if(userpassword==""){
                $("#password").html("*密码长度必须大于6位小于20位");
                $("#password").css("color","rgb(250, 202, 13)");
                flag=false;
            }
        });
        //确认密码
        $("#userRemi").blur(function () {
            var userRemi= $("#userRemi").val();
            var userpassword= $("#userpassword").val();
            if(userRemi!=""&&userpassword!=""){
                if(userRemi==userpassword){
                    $("#repassword").html("密码一致√");
                    $("#repassword").css("color","green");
                    flag=true;
                }
                else{
                    $("#repassword").html("两次密码不一致×");
                    $("#repassword").css("color","red");
                    flag=false;
                }
            }
            else if(userRemi==""){
                $("#repassword").html("*请输入确认密码");
                $("#repassword").css("color","rgb(250, 202, 13)");
                flag=false;
            }
        });
        //出生日期
        $("#data").blur(function () {
            var data= $("#data").val();
            if(data==""){
                $("#da").html("出生日期不能为空×");
                $("#da").css("color","red");
                flag=false;
            }
            else{
                $("#da").html("");
                flag=true;
            }
        });
        //电话
        $("#userphone").blur(function () {
            var userphone= $("#userphone").val();
            if(userphone==""){
                $("#phone").html("电话不能为空×");
                $("#phone").css("color","red");
                flag=false;
            }
            else{
                $("#phone").html("");
                flag=true;
            }
        });
    });

    function fanhui() {
        location.href="UserSelectServlet";
    }
    function baocun() {
        var userCode = $("#userCode").val();
        var userName = $("#userName").val();
        var userpassword= $("#userpassword").val();
        var gender= $("[name='gender']").val();
        var userphone= $("#userphone").val();
        var data= $("#data").val();
        var userAddress= $("#userAddress").val();
        var userlei=$('input:radio[name="userlei"]:checked').val();
        if(flag){
            $.post(
                "/addServlet",
                {"userCode":userCode,"userName":userName,"userpassword":userpassword,"gender":gender
                    ,"userphone":userphone,"data":data,"userCode":userCode,"userAddress":userAddress,"userlei":userlei},
                location.href="/UserPageServlet",
                "json"
            )
        }
    }

    $(function () {
        var time = new Date();
        var h = time.getHours();
        var shijian=document.getElementById("shijian");
        if(h < 6){
            shijian.innerHTML = "凌晨好";
        } else if(h < 12){
            shijian.innerHTML = "上午好";
        } else if(h < 15){
            shijian.innerHTML = "中午好";
        } else if(h < 18){
            shijian.innerHTML = "下午好";
        } else if(h < 21){
            shijian.innerHTML = "傍晚好";
        } else {
            shijian.innerHTML = "深夜好";
        }
    });
</script>

SERVLET页面的代码实现：

@WebServlet("/userNameServlet")
public class userNameServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String userName=request.getParameter("username");
String userCode=request.getParameter("userCode");

        UserService us=new UserServiceImpl();
        if (userName!=null) {
            boolean flag=us.selectUserName(userName);
            response.getWriter().write(flag+"");
        }
        if (userCode!=null) {
            boolean flag=us.selectUserCode(userCode);
            response.getWriter().write(flag+"");
        }
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
    }
}