重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
还是表单验证的问题,发现如果表单内有使用BootStrap-select的下拉选框,在重置表单内容时,会触发对下拉选框的验证,并且验证的提示不会被清除,仍然会存在。
在霍山等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都做网站、成都网站制作 网站设计制作按需定制开发,公司网站建设,企业网站建设,品牌网站制作,成都全网营销,成都外贸网站建设公司,霍山网站建设费用合理。
1.HTML结构
2.错误的重置按钮绑定事件
$('#resetForm').on('click', function () { //下拉选框初始化 $("#selectDirect").selectpicker('deselectAll'); })
此时点击重置按钮只会将选框初始化,但是却会触发对下拉选框的验证,此前我们已经将选框重置,所以肯定是通不过验证得到,所以会出现红色的提示信息。那么如何将这些提示信息也去掉?
3.正确地重置按钮绑定事件
$('#resetForm').on('click', function () { //下拉选框初始化 $("#selectDirect").selectpicker('deselectAll'); //启用字段验证器 $('#validatorForm').data('bootstrapValidator').enableFieldValidators('directPicker', true); })
enableFieldValidators(field, enabled, validator)用来开启/关闭字段验证器。
参数(*为必填) | 类型 | 描述 |
---|---|---|
field* | String | 字段名称 |
enabled* | Boolean | 为true时开启字段验证器,为false时则关闭 |
validator | String | 验证器名称,如果未设置,所有字段验证器将会开启/关闭 |
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。