如何仅在点击按钮后验证数据？

我只需要在点击提交按钮后验证输入。但是，所需的规则是在焦点丢失后激活。我在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

如何仅在点击按钮后验证数据？

回答

相关问题