vue 表單驗證為空時自動定位到對應位置


方法一:

submitAuthForm(formName) {
            this.$refs[formName].validate((valid, invalidFields) => { if (valid) { console.log("執行方法") } else { for (let obj in invalidFields) { this.$refs[obj].focus(); break; } return false; } }) }

 方法二:

this.$refs[formName].validate((valid) => {
    if (valid) {

    } else {
        setTimeout(() => {
            var isError = document.getElementsByClassName("is-error");
            if (isError[0].querySelector('input')) {
                isError[0].querySelector('input').focus();
            } else if (isError[0].querySelector('textarea')) {
                isError[0].querySelector('textarea').focus();
            }
        }, 1)
        return false;
    }
})

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM