element-plus form异步校验重复怎么解决？

Question

输入完 blur 会校验一次

点击【提交】的时候又会再校验一遍

怎么在validate的时候不校验了

Answer 1

让【道友老李】来帮你解答，本回答参考gpt编写，并整理提供，如果还有疑问可以点击头像关注私信或评论。

如果答案让您满意，请采纳、关注，非常感谢！

在表单提交时禁止再次触发校验可以通过以下方式实现：

1. 使用一个标志位来标识是否已经进行过一次校验，在校验函数中根据这个标志位来控制校验是否执行。
2. 在提交按钮的点击事件中设置这个标志位，在校验函数中检查这个标志位。 具体代码如下：

<form id="myForm">
    <input type="text" id="blurInput" onblur="validateBlur()">
    <button type="button" onclick="submitForm()">提交</button>
</form>
<script>
let hasValidatedBlur = false;
function validateBlur() {
    if (hasValidatedBlur) {
        // 如果已经校验过一次，则直接返回
        return;
    }
    
    // 进行校验的逻辑
    console.log("blur事件校验中...");
    
    hasValidatedBlur = true;
}
function submitForm() {
    if (!hasValidatedBlur) {
        // 如果还没校验过blur事件，则先进行一次校验
        validateBlur();
    }
    
    // 提交表单的逻辑
    console.log("提交中...");
}
</script>

这样，在第一次blur事件触发时会进行校验，然后点击提交按钮时不会再次触发blur事件的校验。