フォームの検証

ハリーベリー

私は基本的なフォームバリデーターを作成していますが、誰かが助けてくれれば、何らかの理由でelseステートメントを開始することはありません。

それはばかげたことだと確信していますが、クリックすると条件文が実行され、すべてが失敗するとfalseが返されるという印象を受けます。最初に戻ります。

$('.get-results').click(function(e) {
        e.preventDefault();
        var get_results = $('.get-results'),
            input_h8_val = $('.input_h8_val'),
            input_h10_val = $('.input_h10_val'),
            input_h12_val = $('.input_h12_val'),
            input_h14_val = $('.input_h14_val'),
            input_h16_val = $('.input_h16_val'),
            input_h20_val = $('.input_h20_val'),
            input_h21_val = $('.input_h21_val'),
            input_h23_val = $('.input_h23_val');

        if (input_h8_val.val() == 0) {
            $(input_h8_val).next('.error').show();
        } else if (input_h10_val.val() == 0) {
            $(input_h10_val).next('.error').show();
        } else if (input_h12_val.val() == 0) {
            $(input_h12_val).next('.error').show();
        } else if (input_h14_val.val() == 0) {
            $(input_h14_val).next('.error').show();
        } else if (input_h16_val.val() == 0) {
            $(input_h16_val).next('.error').show();
        } else if (input_h20_val.val() == 0) {
            $(input_h20_val).next('.error').show();
        } else if (input_h21_val.val() == 0) {
            $(input_h21_val).next('.error').show();
        } else if (input_h23_val.val() == 0) {
            $(input_h23_val).next('.error').show();
        } 
        else {
            console.log("worked");
            $('#first-wrapper').hide();
            $('.predicted').addClass('active');
            $('.predicted').addClass('no-left-radius');
            $('.orders').addClass('no-right-radius');
            $('#second-wrapper').show();
            $('#third-wrapper').hide();
            do_calculations();
        }

    });

JSFiddle

ヨルドゥムス

提供されたコードは私にとっては機能しますが、いくつかの点に注意する必要があります。

1-ユーザーがどこかに「0」を入力すると(デフォルトで「オンラインでの注文の割合は?」の場合のように)、検証は失敗します。

2-直後の兄弟リンクnext()のみを検索します。そのため、場合によっては、トリガー時にエラーが表示されません。入力要素の後ろに別のものがある場合)。 span

これを解決する方法:

$(element).parent().find(".error").show();

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

TOP 一覧

  1. 1

    グラフからテーブルに条件付き書式を適用するにはどうすればよいですか?

  2. 2

    ソートされた検索、ターゲット値未満の数をカウント

  3. 3

    Unity:未知のスクリプトをGameObject(カスタムエディター)に動的にアタッチする方法

  4. 4

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  5. 5

    Ansibleで複数行のシェルスクリプトを実行する方法

  6. 6

    Reactでclsxを使用する方法

  7. 7

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  8. 8

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  9. 9

    Pythonを使用して同じ列の同じ値の間の時差を取得する方法

  10. 10

    PowerShellの分割ファイルへのヘッダーの追加

  11. 11

    Chromeウェブアプリのウェブビューの高さの問題

  12. 12

    BLOBストレージからデータを読み取り、Azure関数アプリを使用してデータにアクセスする方法

  13. 13

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  14. 14

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  15. 15

    Windows 10の起動時間:以前は20秒でしたが、現在は6〜8倍になっています

  16. 16

    MLでのデータ前処理の背後にある直感

  17. 17

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  18. 18

    reCAPTCHA-エラーコード:ユーザーの応答を検証するときの「missing-input-response」、「missing-input-secret」(POSTの詳細がない)

  19. 19

    STSでループプロセス「クラスパス通知の送信」のループを停止する方法

  20. 20

    ファイル内の2つのマーカー間のテキストを、別のファイルのテキストのセクションに置き換えるにはどうすればよいですか?

  21. 21

    ネットワークグラフで、ネットワークコンポーネントにカーソルを合わせたときに、それらを強調表示するにはどうすればよいですか?

ホットタグ

アーカイブ