問題タブ [jquery-validate]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - JQueryは1つのエラーで複数のフィールドを検証します
JQuery Validate プラグインを使用して、たとえば 3 つのフィールドに対して 1 つのエラー メッセージを表示するにはどうすればよいでしょうか。たとえば、3 つの dob フィールド。デフォルトでは、3 つのフィールドをすべて空白のままにすると、3 つのエラー メッセージが表示されます。3 つのフィールドにリンクされた 1 つのエラーのみが必要です。いずれかが空白の場合、エラーが発生します。
jquery - jQueryValidate-グループ内の少なくとも1つのフィールドに入力する必要があります
いくつかのフォームを検証するために、優れたjQueryValidateプラグインを使用しています。1つのフォームで、ユーザーがフィールドのグループの少なくとも1つに入力するようにする必要があります。私はかなり良い解決策を持っていると思います、そしてそれを共有したかったです。 考えられる改善点を提案してください。
これを行うための組み込みの方法が見つからなかったので、 Rebecca Murpheyのカスタム検証方法を検索して見つけました。これは、非常に役に立ちました。
私はこれを3つの方法で改善しました:
- フィールドのグループのセレクターを渡すことができます
- 検証に合格するためにそのグループのいくつを埋める必要があるかを指定できるようにするには
- グループ内のすべての入力を、そのうちの1つが検証に合格するとすぐに、検証に合格したものとして表示します。(最後にニック・クレイバーへの叫び声を参照してください。)
したがって、 「セレクターYに一致する少なくともX個の入力を入力する必要があります」と言うことができます。
次のようなマークアップを使用した最終結果:
...は次のようなルールのグループです:
.checked
項目3は、検証が成功したときにエラーメッセージにクラスを追加することを前提としています。ここに示すように、これは次のように実行できます。
上にリンクされたデモのように、クラスがない限り、CSSを使用して各span.error
X画像を背景として指定します。クラスがない.checked
場合は、チェックマーク画像が取得されます。
これまでの私のコードは次のとおりです。
やったー!
大声で叫ぶ
さて、その叫び声のために-元々、私のコードは、他の一致するフィールドのエラーメッセージを再検証するのではなく、盲目的に隠しました。つまり、別の問題が発生した場合(「数字のみが許可され、文字を入力した」など) 、ユーザーが送信しようとするまで非表示になりました。これは、上記のコメントで言及されているフィードバックループを回避する方法がわからなかったためです。方法があるはずだとわかっていたので、質問をしたところ、ニック・クレイバーが教えてくれました。ありがとう、ニック!
質問が解決しました
これはもともと「これを共有して、誰かが改善を提案できるかどうかを確認させてください」という種類の質問でした。フィードバックは歓迎しますが、現時点ではかなり完了していると思います。(もっと短くてもかまいませんが、読みやすく、必ずしも簡潔ではないようにしたいと思います。)だから楽しんでください!
更新-jQuery検証の一部になりました
これは、2012年4月3日にjQuery検証に正式に追加されました。
javascript - ユーザー名が文字で始まり、英数字のみが含まれていることを確認するにはどうすればよいですか?
Jquery検証を使用しています。
現在、私はユーザー名を持っています。このユーザー名に対して検証したいのは次のとおりです。
- 空白ではありません
- 可用性
空白はありません。次のメソッドを追加します。
/li>英数字
/li>最初の文字はアルファベットでなければならず、数字にすることはできません。
私は最後の検証で立ち往生しています。最初の文字がアルファベットでなければならないことを検証するための正規表現を書く方法は?
ところで:
空白がないので問題があるようです。スクリプトを試しました。1つの空白は許可されていますが、2つの空白は許可されていません。なぜですか。
jquery - jquery 検証ルールと奇妙な IE7 エラー
次の検証があります。
チェックボックスがオンになっている場合 (はい、電話で連絡してください)、phone1、phone2、および phone3 を検証します。
FF と Firebug では、エラーはありません。ただし、IE7 は次のようなエラーをスローします。
実行時エラーが発生しました。エラー: 予想される識別子、文字列または数値
これは phone1 のルールを指しています。なぜかわからない?
javascript - jQuery Validation - JS を外部ファイルに移動し、フィールドを渡す
ビュー全体で JavaScript の一部をクリーンアップしようとしています。やりたいことの 1 つは、jQuery 検証コードを外部スクリプト関数に移動し、処理/検証する必要があるフィールドへの参照を渡すことです。私が直面している問題は、jQuery Validate の rules フィールドの署名がどのようにフォーマットされているかに関するものです。
上記のコードでは、「txtNoSpam」は txtNoSpam というページ上の要素に直接マップされますが、むしろ txtNoSpam を初期化関数にオブジェクトとして渡し、提供されたオブジェクトの要素名をパラメーターとして使用して検証を正しいフィールドにマップします。名前:
これを達成する方法はありますか?
jquery - jQuery検証プラグインのカスタムメソッド。複数のパラメータ
jQueryValidationプラグインでカスタムバリデーターを使用しようとしています。ただし、検証メソッドに複数の引数を渡す方法がわかりません。(2,3)、中括弧、および組み合わせを使用してみましたが、失敗しました。
これはコードです-???? 情報が必要な領域をマークします。
jquery - jquery プラグインを使用した開始日と終了日の検証: 検証
私はbassistance jqueryプラグイン検証を使用しており、開始日と終了日用に2つのテキストボックスがあります。いずれかが指定されている場合に両方のフィールドが必要であると言うルールを設定する方法はありますが、ユーザーは両方を空白のままにすることを選択できますか?
ありがとう、ロッドチャー
jquery - jQuery Form Validate():デフォルトのメッセージを設定する方法は?
これまで、以前に定義されたフィールドでjQuery検証プラグインを使用してきました。現在、動的フォームを使用しています。フィールドの検証ニーズはクラスごとにマッピングされていますが(「必須」など)、jQuery検証がスローするメッセージをカスタマイズする方法がわかりません。
jquery - jQuery Validate - フィールドのグループを変更した後、フィールドのグループを再検証できますか?
私はjQuery Validateを使用しており、フィールドの 1 つが変更されるたびに (または、それらの 1 つが正常に検証されるたびに) フィールドのグループを再検証したいと考えています。これまでの私の試みは、無限ループを作成するだけです。
これは可能ですか、それともプラグインの設計により不可能ですか?
(具体的には、グループ Y の少なくとも X を入力する必要があるメソッドを持っています。それが真になったらすぐに、これらすべてのフィールドを再検証したいと思います。現在、エラー メッセージを消去しています。独自のコードを使用していますが、これはハックです。フォームが再送信されるまで、無関係な検証の問題も非表示になります。)
jquery - 動的に生成された HTML に jQuery 条件付き検証を追加する
次の HTML シナリオがあります。
チェックボックスNがチェックされている場合、テキストボックスNは必須フィールドです。
(the?) jQuery 検証モジュールを使い始めたばかりで、この検証を実現する方法を見つけようとしていますが、これは例よりも少し複雑に思えます。
addClassRules
概念的には、チェックボックスに CSS クラスを追加し、それを使用してカスタム ルールを追加したいと考えています。ただし、課題は、各チェックボックスに関連するテキスト ボックスを指定する方法です。
私の HTML は ASP.NET MVC を使用して生成されるため、チェックボックスごとにルールを指定する JavaScript を動的に生成できますが、これは少し長くなります。