jquery - 无法验证 vue.js 中的字段

Question

我在我的表单上生成了动态字段，所有要设置的验证都是从数据库中检索的（即该字段是必需的还是可选的，并且数值或字符串都保存在数据库中），现在当页面呈现时我想要为了验证我的表单，我正在尝试编写自己的自定义方法，但它无法验证表单，问题在于未显示自定义方法错误消息，并且表单也在未经验证的情况下提交。

<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')
       {
        
       }


      }

Answer 1

您没有为事件使用正确的变量，请使用 $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')
       {
        
       }


      }