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の検証が行われません。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 に答える