无法验证vue.js中的字段

时间:2020-08-13 17:52:18

标签: jquery vue.js vuejs2 vuelidate vue-validator

我在表单上生成了动态字段,所有要设置的验证都从数据库中检索到(即该字段是必填字段还是可选字段,并且数值或字符串都保存在数据库中),现在渲染后,我想验证我的表单我正在尝试编写自己的自定义方法,但无法验证该表单,问题出在自定义方法中,错误消息未显示,并且该表单也在未经验证的情况下提交。

foo2

1 个答案:

答案 0 :(得分:0)

您没有为事件使用正确的变量,请使用$ event代替e.target.value

<input v-model="field.user_value" :name="field.name" v-on:input="validateTextInput(field.field_validations, $event)" type="text" class="form-control input-md form-control"/>

methods: {
    validateTextInput(validations,event)
    {
      if(validations.req=='required')
      {
       if(event.target.value=='')
       {
         alert('This field is required');
         return false;
       }

       if(validations.allowed=='string')
       {
        
       }


      }