如何僅在點擊按鈕後驗證數據？

我只需要在點擊提交按鈕後驗證輸入。但是，所需的規則是在焦點丟失後激活。我在Vue.js中使用VeeValidate。如何僅在點擊按鈕後驗證數據？

HTML：

<input 
    name="Email" 
    v-validate 
    data-vv-rules="required|email" 
    id="email" 
    type="email" 
    v-model="email" 
    placeholder="Email " 
>

JS：

this.$validator.validateAll().then(success => { 

})

來源

2017-03-22 MAXIMAN

你可以張貼烏爾全js函數.. – user7417866

從UX的角度來看，失去焦點後即時反饋給表格一個很好的互動感覺到它。這對於這個問題不是最有幫助的，但是說出來很有用。 –

您可以使用data-vv-validate-on禁用，像這樣的默認驗證行爲：data-vv-validate-on="none"

Click事件處理程序然後添加到您的提交按鈕一個@click="submit"。

而且submit方法爲您的組件會是這個樣子：

methods: { 
    submit() { 
    this.$validator.validateAll().then(success => { 
     // submit the value 
    }) 
    } 
}

來源

2017-03-22 13:42:15 thanksd

現在輸入驗證點擊它，我需要驗證按鈕提交點擊 – MAXIMAN

我創建unswer：'數據 - 驗證 - = =「無」工作完美，ty – MAXIMAN

啊，你剛剛打敗了我。更新了我的答案 – thanksd

如何僅在點擊按鈕後驗證數據？

回答

相關問題