Кнопка вызова с типом отправки не запускает проверку - PullRequest
Новая
       54

Кнопка вызова с типом отправки не запускает проверку

0 голосов
/ 13 июня 2019

Я занимаюсь разработкой приложения vuejs, и у меня есть форма, которую я хочу, чтобы она выдавала сообщения об ошибках проверки, когда она оставлена ​​пустой, и нажимала "Отправить".Я хочу видеть все ошибки проверки для всех пустых html-элементов без необходимости нажимать на них.

Это очень часто встречается на веб-сайте, но я не могу это сделать, я в замешательстве.Я использую компонент для кнопки, я добавляю запретить отправку в нативной кнопке.

Я нашел несколько страниц переполнения стека и некоторые другие страницы, но они имеют дело только с получением статуса проверки, однако я действую, когда я нажимаю внутри вводаэлементы, так что он будет отображать сообщения об ошибках под полями ввода.

Я пробовал решения в приведенной ниже ссылке, но не сработало, он только обрабатывает валид и отчет.https://itnext.io/https-medium-com-joshstudley-form-field-validation-with-html-and-a-little-javascript-1bda6a4a4c8c

             <form ref="myMessageForm">
             <v-input ref="myInput" placeholder="Ad Soyad" v-model="messageForm.name" required/>
             <v-input action="javascript:myFunction()" placeholder="Üniversite" v-model="messageForm.university" required/>
             <v-input placeholder="Fakülte" v-model="messageForm.faculty"/>

Я пробовал эти 

      this.$refs.myMessageform.checkValidity()
      this.$refs.myMessageform.reportValidity()

Я не вижу сообщений об ошибках красного цвета под элементами формы.

Я также пытался вызватьФорма путем добавления и вызова временной кнопки 

      var tmpSubmit = document.createElement('button')
    this.$refs.myMessageform.appendChild(tmpSubmit)
    tmpSubmit.click()
    this.$refs.myMessageform.removeChild(tmpSubmit)
...