JS validate验证时select2选择后错误信息不会消失

在使用select2时,如果设置了js validate表单验证,如果select2没有选择项时,会提示不能为空的信息,但是当选择一项后,提示信息不会消失,这时候需要调用select2的change事件,再触发验证一次即可。

  $(".select2").change(function(){
            $(this).valid();
        });
 
 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用VeeValidate 2.2.5验证select元素,需要使用`v-validate`指令和`data-vv-as`属性。 首先,将`v-validate`指令添加到select元素中,例如: ```html <select v-model="selectedOption" v-validate="'required'" name="option" data-vv-as="option"> <option value="">Please select an option</option> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> </select> ``` 上面的代码将选择一个选项作为必填项。`data-vv-as`属性用于自定义错误消息中的字段名称。 接下来,添加一个错误消息,以便在发生验证错误显示: ```html <div v-if="errors.has('option')" class="text-danger">{{ errors.first('option') }}</div> ``` 在上面的代码中,`errors.has('option')`用于检查是否有验证错误,如果有,则显示错误消息。`errors.first('option')`用于显示第一个错误消息。 最后,在Vue组件中,添加以下代码: ```javascript import { Validator } from 'vee-validate'; export default { data() { return { selectedOption: '' }; }, mounted() { Validator.localize('en', { custom: { option: { required: 'Please select an option' } } }); } }; ``` 上面的代码使用`Validator.localize`方法自定义错误消息。在这个例子中,我们定义了一个名为`option`的自定义字段,如果选择框为空,则显示“Please select an option”错误消息。 这样,您就可以使用VeeValidate 2.2.5验证select元素了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值