13

多くの入力がある「フォーム」があり、送信ボタンで情報を操作し、ajax で php ファイルに送信する JavaScript 関数を呼び出します。

アクション URL なしでフォーム タグを追加して、jquery validate で「フォーム」を検証できますか? または、検証を手動で行う必要がありますか?

ありがとう！

4

1 に答える 1

10

「私は多くの入力を含む「フォーム」を持っており、送信ボタンで、情報を操作し、ajax によって php ファイルに送信する JavaScript 関数を呼び出します」

<form></form>jQuery Validate プラグインが適切に機能するためのタグが必要です。

を使用する場合は、jQuery Validate プラグインの内部に配置するajax必要があります。私の例については、以下を参照してください。ajaxsubmitHandler

「アクション URL なしでフォーム タグを追加して、jquery 検証で「フォーム」を検証できますか?」

はい、削除またはブロックしてaction、引き続き jQuery Validate を使用できます。

デモを参照してください: http://jsfiddle.net/NEPsc/3/

あなたajaxと areturn falseを に入れるとsubmitHandler、通常の送信は行われません:

$(document).ready(function() {

    $('#myform').validate({ // initialize plugin
        // your rules & options,
        submitHandler: function(form) {
            // your ajax would go here
            return false;  // blocks regular submit since you have ajax
        }
    });

});

編集：

OP のコメントによると、 a のinput type="button"代わりに aを使用するには、ハンドラー input type="submit"を使用する必要があります。インライン JavaScript は必要ありません。関数を完全に削除します。clickonClick

更新されたデモを参照してください: http://jsfiddle.net/NEPsc/5/

于 2013-03-05T18:58:49.800 に答える