Блог

В моей форме сгенерированы динамические поля, все проверки, которые должны быть установлены, извлекаются из базы данных (т. Е. Независимо от того, является ли поле обязательным или необязательным, а числовое значение или строка сохраняются в базе данных), теперь, когда страница отображается, я хочу проверить свою форму, я пытаюсь написать свои собственные пользовательские методы, но он не может проверить форму, проблема в сообщении об ошибке пользовательского метода не отображается, и форма также отправляется без проверки.

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


      }
  

Вы не используете правильную переменную для события, используйте $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')
       {
        
       }


      }