我有一些<select>
使用所选插件的输入,这些输入要在客户端验证为“必需”。由于“选择”会隐藏实际的select元素并创建具有div和spans的小部件,因此本机HTML5验证似乎无法正常工作。表单不会提交(很好),但是不会显示错误消息,因此用户不知道出了什么问题(不好)。
我转向了jQuery验证插件(无论如何我最终还是打算使用该插件),但是到目前为止还没有任何运气。这是我的测试用例:
<form>
<label>Name: <input name="test1" required></label>
<label>Favorite Color:
<select name="test2" required>
<option value=""></option>
<option value="red">Red</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
</select>
</label>
<input type="submit">
</form>
$(document).ready(function(){
$('select').chosen();
$('form').validate();
});
这是使通配符为select
空值,而不验证或显示错误消息。当我注释掉该chosen()
行时,它工作正常。
如何chosen()
使用jQuery验证插件验证输入,并显示无效消息的错误消息?