0

jquery の電子メール検証とフォーム送信が成功した後、「ありがとう」メッセージを返そうとしています。「ありがとう」メッセージを表示し、ページがアクション URL にリダイレクトされないようにしたいが、それでもデータ サーバー側を処理したい。調査中に、Jquery コールバックはほぼ正しいように聞こえますが、私が見つけた例があちこちに散らばっていたため、もう少し方向性が必要だと思います。誰でも入力を提供できますか?

$("#emailsignup_form").validate();
});

$('#submitemail').click(function() {
    app.ajax.load({
         reqName : 'emailSubmit',
         url: "$httpUrl('Bronto-OptIn')$?email=" + $('#email').val(), 
         selector : '#emailbox',
         callback: function(responseText, textStatus) { }
return false;
    }
});

<form id="emailsignup_form" method="post" action="$httpUrl('Bronto-OptIn', 'fid', 'information')$">
<input id="cemail" name="email" size="25"  class="required email" />
<input class="submit" id="submitemail" type="submit" value="Submit"/>
</form>
<div id="emailbox"></div>
4

2 に答える 2

0

上記のコードを次のように変更することで、成功メッセージを返すことができました。

$('#emailsignup_form').validate({
    rules: {
        email: {
            required: true,
            email: true
        }
    },
    messages: {
        email: {
            required: "this is required",
            email: "this must be a valid email"
        }
    },
    submitHandler: function (form) {
        app.ajax.load({
        reqName : 'emailSubmit',
        url: "$httpUrl('Bronto-OptIn')$?email=" + $('#email').val(), 
        selector : '#emailbox',
        callback: function(responseText, textStatus) {  }
        });
        return false;
    }
});
});

<div id="emailbox">
<form id="emailsignup_form" name="emailsignup_form" method="post" action="">
<input type="text" name="email" id="email" />
<input type="submit" name="submitemail" id="submitemail" value="Submit" />
</form>
</div>
于 2013-05-23T15:45:18.763 に答える