Select2和HTML5表单验证

Niz*_*zar 11 required twitter-bootstrap jquery-select2

如何使用Select2进行表单验证(需要HTML5)?

ziz*_*jab 2

这可能是一个迟到的答案,但无论如何:您只需添加一个必需的选择,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>
Run Code Online (Sandbox Code Playgroud)

JS:

$(".select2").select2();
Run Code Online (Sandbox Code Playgroud)

您可能会在顶部得到一点验证,请按照此线程修复它: https: //github.com/select2/select2/issues/128

  • 仅供参考,这适用于页面加载时存在的输入,但不适用于页面运行时动态更改的输入 (2认同)