如何解决如何在提交没有特定库的表单时验证 selectize 元素?
我想在提交表单时验证 selectize 元素。
<form method="post" accept-charset="utf-8" action="/user/edit/2">
...
<div class="selectize">
<select name="roles" multiple required>
</select>
</div>
...
<button type="submit" />
</form>
<script>
var user_roles = $('.selectize select[name="roles[]"]');
var $user_roles = user_roles.selectize({
options: [{
value: 'admin',label: 'Admin'
},{
value: 'user',label: 'User'
},{
value: 'developer',label: 'Developer'
}],plugins: ['remove_button'],delimiter: ',',persist: false,maxItems: null,placeholder: 'Select a role ...',valueField: 'value',labelField: 'label'
});
...
如您所见,我向 selectize 元素 required
添加了一个属性。
如果 selectize 元素的值为空,我想显示没有任何库的普通 jQuery 验证消息或添加任何验证脚本,如下图所示。
同一表单中的其他字段显示验证消息,如图片,但 selectize roles 元素除外。
解决方法
这是因为选择版本问题。
将版本 0.11.0 降级到 0.8.5 对我有用。所以我认为我们应该报告错误或新功能,甚至降级工作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。