Select2でフォーム検証(HTML5必須)を行う方法はありますか?Select2とHTML5フォームの検証
9
A
答えて
1
これがとにかく遅く答えであるかもしれませんが: あなただけ選択する必要がとHTML5の検証が表示されます追加します。
フィドル:http://jsfiddle.net/mksshhwt/
<form>
required select2: <select class="select2" required multiple name="test">
<option>Test</option>
<option>Test2</option>
</select>
<br/>
required select2: <select class="select2" required name="test">
<option>Test</option>
<option>Test2</option>
</select>
<br/>
<input type="submit" value="Test" />
</form>
JS:
$(".select2").select2();
を
妥当性確認を少し上にして、このスレッドをフォローして修正してください:https://github.com/select2/select2/issues/128
私が何をしたか
0
た:
<select name="myselect" class="select2" required>
そして、HTMLの検証警告が
select.select2{
position: static !important;
outline:none !important;
}
表示され、通常どおりにSelectセレクトを初期化することができますので、それは非常に小さいが、「目に見える」作るためにいくつかのCSSを追加しました:
$(".select2").select2();
関連する問題
- 1. TinyMCEとHTML5フォームの検証
- 2. HTML5フォーム検証エラーメッセージ
- 3. HTML5の検証とASP.netのWebフォーム
- 4. 適切なHTML5フォーム検証
- 5. HTML5フォーム検証パターンが
- 6. HTML5検証とPHP検証
- 7. プロトタイプのフォーム検証でHTML5フォームプレースホルダのフォールバック
- 8. HTML5フォームの検証 - エラーメッセージのカスタマイズ
- 9. ブートストラップモードでのHTML5フォームの検証
- 10. AngularJS/HTML5ネストされたフォームの検証
- 11. HTML5フォーム検証の条件ルール
- 12. Select2コントロールのパーズリー検証
- 13. HTML5の検証
- 14. 複数フォームのHTML5フォーム検証を無効にする
- 15. HTML5検証パターン?
- 16. ラジオボタンとチェックボックスを含むDrupal Webフォームをhtml5で検証する
- 17. HTML5テキストエリアの検証
- 18. イメージタグのHTML5検証
- 19. DataSetの検証とASP.NETフォームの検証
- 20. jQueryのポップアップダイアログでChromeのhtml5フォームの検証
- 21. HTML5の検証とフィールドの比較
- 22. リンクとangular.jsによるHTML5の検証
- 23. React.jsとHTML5電子メールの検証
- 24. HTML5の検証jQueryの
- 25. IE9でhtml5フォームの検証が機能しない
- 26. html5フォーム検証、フォームアクションを無効にして、すべてのhtml5フォーム要素が検証されたときにjQueryを実行しますか?
- 27. HTML5の検証日付ピッカー
- 28. PHPとjQueryのフォーム検証
- 29. ブートストラップとフォームの検証
- 30. 春のフォーム検証とタイムリーフ