
element-ui中el-form表单验证,只有点击提交按钮时才进行校验
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element

·
在el-input标签上加一个 :validate-event="false" 属性即可实现输入过程中不再校验值的合法性,只有点击提交按钮才会校验:
// ......
<el-form :inline="true" :model="formData" ref="formDataRef" :rules="formRules">
<el-form-item v-else label="IP地址:" prop="ip">
<el-input
class="ip-ipt"
ref="ipInput0"
:validate-event="false"
v-model="ipArr[0]"
maxlength="3"
@input="nextFocus(0)" />
</el-form-item>
</form>
// ......
let formRules = ref({
ip: { required: true, trigger: ['blur', 'change'], message: '请输入正确的IP地址' }
});
const formDataRef= ref();
// ......
// 提交事件
const onSubmit = () => {
ipInput.value.validate((valid: boolean) => {
if (valid) {}
})
}




A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:7 个月前 )
c345bb45
11 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 11 个月前
更多推荐
所有评论(0)