0

フォームがあり、検証して正常に送信します。フォームが正常に送信されたら、関数を「成功」としてコールバックするだけです。これが私がこれまでに持っているものですが、運がありません:

$(document).ready(function() {
$("#form1").validate({
        rules: {

                email1: {// compound rule
                        required: true,
                        email: true                 
                }
)};
$('#form1').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
                //document.getElementById("popup").innerHTML = "Thank You!!"
            }); 
    });

これが私のフォーム入力です:

<input name="email1" size="22" type="text"/>

どんなアイデアでも大歓迎です!


ご回答ありがとうございます。このdhtmlフェードアウト効果で「成功」を表示しようとしているため、うまく機能していません:http: //dhtmlpopups.webarticles.org/fade-effects.php

アラート(成功)をフェードアウトで印刷する方法を見つけようとして、私はかなり行き詰まっています。

何か案は

4

3 に答える 3

3

私はすぐにAPIを閲覧し、これを見つけました。(tsk .. tsk)

申し訳ありませんが、常にAPIを参照することを忘れないでください。それはあなたに多くの苦痛を救うでしょう。

$('#form1').ajaxForm({
    success: function() {
        alert("Success!");
    }
});
于 2010-01-26T01:07:53.047 に答える
2

「ajaxFormは関数ではありません」というエラーが発生しますか?ajaxForm jqueryプラグインを参照するスクリプトタグを追加したことを覚えていますか?これが必要なのは、スクリプトタグがメインのjqueryファイルを参照した後です。

<script type="text/javascript" src="jquery.form.js"></script>

もちろんsrcは実際のファイルを指しています。AjaxFormはjQueryコアの一部ではありません。

それでも問題が解決しない場合は、$jqueryシンボルを「jQuery」(大文字と小文字を区別)に置き換えて、他のスクリプトで$が再定義されるかどうかを確認できます。

于 2010-01-26T01:57:36.627 に答える
0

まず、AJAX経由で送信する必要があります。

$("#form1").submit(function() {
  $(this).ajaxSubmit();
  return false;
});

ドキュメントを参照してください。

あなたがすでにそれをしていると仮定するとajaxForm()(それはそれを準備するだけでそれを提出しない)、次のように$.ajaxオプションのいずれかを取ることができます:

$("#form1").ajaxForm({
  success: function() {
    alert("Thank you for your comment");
  }
});
于 2010-01-26T01:08:31.733 に答える