2017-03-28 5 views
1

Im VEE validate auf meinen Eingaben verwenden, um das Formular zu verhindern ich einreichen: Ein einmal gültiges Formular posten?

<form action="/place-to-post-to" @submit.prevent="$validator.validateAll()"> 

Wenn das Formular validiert

, wird das Formular nicht posten. Wie kann ich die Aktion veröffentlichen, sobald sie gültig ist?

+0

Sie verwenden "@ submit.prevent", so dass das Formular nie gesendet wird, da ".prevent" das Senden des Formulars verhindert. Sie können @submit = "$ validator.validateAll ($ event)" verwenden und innerhalb Ihrer Methode validateAll (event) {if (! IsValid) {event.preventDefault} – SLYcee

Antwort

1

Rufen Sie validateAll() in einer Methode und bei Erfolg, senden Sie das Formular selbst.

<form action="/path/to/action" method="post" @submit.prevent="onSubmit" ref="theForm"> 

methods:{ 
    onSubmit(){ 
     this.$validator.validateAll() 
     .then(() =>{ 
      this.$refs.theForm.submit() 
     }) 
     .catch((error) =>{ 
      console.log(error) 
     }) 
    } 
} 

Example.

Verwandte Themen