2017-03-28 4 views
1

イムVEE私が使用して提出フォームを防ぐために、私の入力に検証使用:一度有効なフォームを投稿しますか?

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

フォームを検証すると、フォームは投稿できません。一度有効な行動を投稿するにはどうしたらいいですか?

+0

"@ submit.prevent"を使用すると、 ".prevent"がフォームの送信を妨げるため、フォームは決して送信されません。 @submit = "$ validator.validateAll($ event)"を使用し、メソッド内でvalidateAll(event){if(!isValid){event.preventDefault} – SLYcee

答えて

1

validateAll()を方法で呼び、成功した場合は、自分でフォームを送信してください。

<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