0

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

我在页面上有一个按钮，单击该按钮可检查用户名的可用性。但是，我还想自动合并，如果尚未这样做，当客户端单击提交/转到步骤 3 时，我想使用 Ajax 检查重复的用户名，如果存在重复，则刷新相同的页面带有重复的错误消息，否则继续执行步骤 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 的方法/语法是否正确？

4

2 回答 2

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

应该是

 $("#check-username").click();
于 2013-01-12T01:35:09.773 回答
0

问题是只有在验证 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();
            }
        });
}
于 2013-01-12T01:55:21.070 回答