0

リアルタイムのフォーム検証に問題があります。このスクリプトhttp://position-relative.net/creation/formValidatorを使用していくつかのフォームを検証していますが、いくつかの変更が必要であり、それらを作成する方法がわかりません。エラー メッセージをフォームのアウトライン (すべてのメッセージに対して 1 つのボックス) に表示できますか? ページの隅にあるボックスにあるとしましょう (今のようにすべての入力の上ではありません)。はいの場合、誰もその方法を知っていますか? また、入力が一意かどうかを確認するルールが必要です (ユーザーは異なるフィールドに同じ値を挿入できません)。おそらく、このオプションを使用した別のスクリプトを知っている人がいるでしょう。誰でも私を助けることができますか？私はJSが初めてで、これを成し遂げる必要があります。

どうもありがとう！

4

2 に答える 2

1

jQuery Validationを使用することもできます。それはあなたが求めていることをします。

独自の検証ルールを作成することで、すべての入力ボックス要件に対して一意の値を実現できます。

于 2012-05-17T21:45:00.637 に答える
0

メッセージを特定の div にプッシュするためにフックできるイベントがあり、jqv.form.result追加の検証を実行することもできます。独自のエラー メッセージをerrorFoundオブジェクトにプッシュすることができます。

    jQuery("#formID").validationEngine();

    $("#formID").bind("jqv.form.validating", function(event){
          $("#hookError").html("");
    });

    $("#formID").bind("jqv.form.result", function(event , errorFound){
           if(errorFound) $("#hookError").append("There is some problems with your form");
    });


    <form id="formID" class="formular" method="post" action="">  
    <div id="hookError" style="color:red; font-weight:bold;height:20px;"></div>

errorFoundライブラリのソース コードを確認しました。イベント ハンドラに渡されたオブジェクトを調べるのが最善の策jqv.form.resultです。運が良ければ、エラー メッセージのコレクションを実行して、hookErrordiv 。

于 2012-05-17T21:46:31.203 に答える