Question

我正在为我的移动应用做注册页面，并希望检查用户/客户端输入的重复用户名

页面上有一个按钮，点击后会检查用户名的可用性。但是，如果客户端点击提交/转到第3步，我还想自动合并（如果尚未这样做），我想使用Ajax检查重复的用户名，如果存在重复，则刷新SAME页面并显示重复的错误消息，否则继续执行步骤3.

在我的HTML文件中，我有一些js执行以下操作：

$("#check-username").click(function() {
(...this works as I am able to click the CHECK button
and see if the username exists)

我有另一个js文件，它源自我的HTML，执行以下操作：

submitHandler : function() {
 $("#reg1").hide();
 $("span#step").html("2");
 $("#check-username").click;
 $("#reg3").show();
 scrollTop();
}

当我点击转到下一步是reg3时，它不会对check-username进行验证。我调用check-username的方法/语法是否正确？

Answer 1

 $("#check-username").click;
                           ^^----- Missing Braces

应该是

 $("#check-username").click();

Answer 2

问题是只有在验证ajax请求从服务器返回后才需要转到步骤3。您还需要查看服务器的响应，看它是否重复。例如：

$("#check-username").click(function() {
    validateUser();
});

function validateUser(){
    return $.ajax({
        url: '/path/to/validate'
    });
}

你的提交处理程序：

submitHandler : function() {
     $("#reg1").hide();
     $("span#step").html("2");

     validateUser()
        .done(function(r){
            //for example...
            if(r.isValidUser){
                $("#reg3").show();
                scrollTop();
            }
        });
}

检查重复的用户名

2 个答案: