2017-03-13 16 views
0

jqueryを使用して、指定されたすべての必須フィールドを特定する必要があります。これは仕事をしていたフィールドが必要かどうかを確認しますか?

$('input[required],select[required]') 

、今はjQuery Validation Pluginを使用して開始しました:私はこの構文を使用していました。私はプラグインがフィールドに '必須'属性を追加しないと理解していたので、上記のスクリプトが必須フィールドを見つけられないのはなぜですか。 jQuery Validation Pluginを使用する場合、必須フィールドを選択することは可能ですか?

+0

あなたは '持つフィールド:{ 必要:真 }'に記載された[ドキュメンタリー](https://jqueryvalidation.org/required-method/) – guradio

+0

またはあなたが見ている場合にこのデモそれらのすべてが必要ですか、またはaria-required = "true"属性 – xszaboj

+0

私は 'field:{required:true}'と 'field: 'required''の両方を試しました。どちらの場合も、検証は正しく機能していますが、依然として必須フィールドを選択できません。 –

答えて

1

私はプラグインが '必須'属性をフィールドに追加しないと理解していました。そして、上記のスクリプトが必須フィールドを見つけられないのはなぜですか。

jQuery Validateプラグインは、入力エレメントから属性を動的に追加または削除しません。フィールドが有効か無効かによってクラスの追加/削除のみが行われます。

jQuery検証プラグインを使用する場合、必須フィールドを選択できますか?

直接ではありません。フィールドにプラグインの設定で宣言された「必須」ルールがある場合、入力に固有のものはありません。

しかし、このプラグインでは、他のいくつかの方法を使ってフィールドにルールを宣言することができます...ちょうど2つの例が続きます。

rulesオブジェクトを使用して.validate()requiredルールを宣言する代わりに、HTML5 required属性をフィールドに追加するだけです。 jQueryのValidateプラグインは、このHTML5属性を取得し、検証のためにフィールドにrequiredルールを割り当てることで機能します。

<input type="text" name="foo" required /> 

OR

<input type="text" name="foo" required="required" /> 

、あなたはこのようなセレクタ、属性だけで要素自体を指定する必要はありません...

$('[required]') 

OR

$('[required="required"]') 

また

$('.required') 

このデモでは、3つの異なる方法を示しています...そして

<input type="text" name="bar" class="required" /> 

あなたは簡単にこのクラスを持つすべての要素を選択することができます...クラスを経由してルールを割り当てることができます requiredルールを割り当てます。

DEMO:jsfiddle.net/fg25jsw3/

関連する問題