0

メールの確認が必要なシンプルなフォームがありますが、エラーがなければうまく機能します。しかし、エラーで送信した場合、jquery 検証プラグインは display:none を確認メール入力に追加しています。何が起こっているのかわからない無効なクラスを追加することはありません。

JS:

$("#顧客情報").validate({
                         デバッグ：真、
                         エラー要素: "",
                         submitHandler: 関数 (フォーム) {
                             //TODO 処理画像が必要
                             $.post(form.action, $(form).serialize(), function(result) {
                                 if(結果 > 0){
                                         // 何かをする
                                     }
                             },"json")
                             false を返します。
                         }
                });

html: 

<form id="customer-info">
    <label for="customer-name">Name</label>
        <input type="text" id="customer-name" name="customer-name" placeholder="first last name" class="required" /><br />
        <label for="customer-email">Email</label>
        <input type="text" id="customer-email" name="customer-email" placeholder="email@gmail.com" class="required email" /><br />
        <label for="confirm-email">Confirm Email</label>
        <input type="text" id="confirm-email" name="confirm-email" placeholder="email@gmail.com" class="required email" equalTo="#customer-email" /><br />
        <label for="notes">Notes</label>
        <textarea id="notes" name="notes" placeholder="Any additional details or changes."></textarea><br />
        <center><input type="submit" value="Go" class="btn-go" /></center>
</form>

http://docs.jquery.com/Plugins/Validation

4

1 に答える 1

1

debug: trueと を削除するとうまくいくようerrorElement: ''です。

(nothing)と定義errorElementすると壊れます。''

デフォルトでは、ですerrorElement: 'label'。

実際のデモ: http://jsfiddle.net/vHKha/

$(document).ready(function () {
    $("#customer-info").validate({
        submitHandler: function (form) {
            //TODO need a processing image
            $.post(form.action, $(form).serialize(), function(result) {
                if(result > 0){
                    // do some stuff
                }
            },"json")
            return false;
        }
    });
});

補足: HTML を検証することもできます。 <center></center>長年にわたって廃止されてきました。

于 2013-01-30T23:27:01.963 に答える