他の要素の状態に基づいて要素を「必須」に設定できるかどうかは疑問です。たとえば、ユーザーが特定のチェックボックスをチェックする場合にのみ、「必要」としたいinput要素があるとします。まず、JavaScriptを使用せずにこれを行うことは可能ですか?第2に、JavaScriptを使用する場合、ユーザーがそのチェックボックスをチェックすると、ルール/検証を設定できますが、デフォルトのブラウザ検証エラーに関する一貫性はどうでしょうか?チェックボックスをクリックすると、要素に「必須」属性を追加するのは「正しい」でしょうか?私はここに代替を見ません。これについてあなたの考えは何ですか?HTML5フォーム検証の条件ルール
答えて
私はあなたがjavascriptなしでこれを行うことはできないと思います。
javascriptを使用すると、これを簡単に行うことができます。
required
属性は、チェックボックスをクリックした後に追加します。
実際、私はこれをtoggled
にすると、ユーザーは入力をオフにして入力を要求できなくなります。
しかし、ブラウザのrequired
属性の実装には依存しません。代わりに、私はいくつかのCSS(ハイライト、アニメーション、いくつかの単語を表示)を使用して自分の必要な通知を作成します。
あなたは時に利用できないネイティブの検証をエミュレートするためにpolyfillsを使用することがあります。
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
JS無効になっていると、いくつかのフィールドで検証され、他のフィールドでは検証されません。 – Jonas
とにかく、サーバー側の検証が必要です。 JSを無効にすることができるという事実を受け入れなければなりません。この場合、ポリフィルは機能しません。しかし、それはユーザーエクスペリエンスだけを向上させることができます。 –
- 1. アクセス2007検証ルールの条件文
- 2. JQueryの条件付きルール検証
- 3. jqueryの検証ルール - 条件付き?
- 4. yii1特別条件付き検証ルール
- 5. 条件付きフォーム検証ツールAngular2
- 6. HTML5フォーム検証エラーメッセージ
- 7. 条件検証
- 8. 他の条件での検証ルールrequired_if(Laravel 5.4)
- 9. 検索条件フォーム
- 10. jQueryの検証を使用して条件ルールを書く
- 11. jquery複数のif/else条件でルールを検証する
- 12. TinyMCEとHTML5フォームの検証
- 13. Select2とHTML5フォームの検証
- 14. ブール条件検証
- 15. Kohana 3.1検証条件付きルールは可能ですか?
- 16. 適切なHTML5フォーム検証
- 17. HTML5フォーム検証パターンが
- 18. jqueryの検証や条件
- 19. 条件付きハイバネーション検証?
- 20. Struts2条件付き検証
- 21. 条件付きデータ検証
- 22. Symfony3の埋め込みフォームの条件設定と検証
- 23. プロトタイプのフォーム検証でHTML5フォームプレースホルダのフォールバック
- 24. HTML5の検証とASP.netのWebフォーム
- 25. HTML5フォームの検証 - エラーメッセージのカスタマイズ
- 26. ブートストラップモードでのHTML5フォームの検証
- 27. AngularJS/HTML5ネストされたフォームの検証
- 28. 条件付き検証でフォームを送信できない
- 29. 条件付きルールのhtaccess
- 30. Infopathのルールと "and"条件
「しかし、私は必要な属性のブラウザの実装に依存しないだろう」 - 私は同意します!私はJavaScriptを使用すれば問題は解決できると思っていますが、JavaScriptが無効になっていると仮定すると、一部のフィールドではブラウザのデフォルトフォームの検証が行われますが、他のフィールドでは検証されません。私はこれを前もって言及しておかなかったのですが、私はHTMLに "novalidation"を付けています。これはJavaScriptで取り除かれます。つまり、JavaScriptがなければサーバー側の検証だけです。 – Jonas