如何通过 Unobtrusive Validation JS 给出警告框或关注错误发生

Question

我正在使用 Unobtrusive Jquery 进行 ClientSideValidation，它工作正常，

如果可能的话我想做一些改进....!!

如何显示 警告框 "something is missing" 页?
我怎么能关注错误的文本框、复选框或任何其他控件?

任何建议都会有帮助...!!

Answer 1

对于 2)，您可以像这样使用自定义 JavaScript 代码：

$("selector for error messages, e.g. class name")[0].scrollIntoView().focus();
OR
document.querySelector("same selector").scrollIntoView().focus();

第一种方法错误地将页面滚动到您的元素，第二种方法专注于该元素。

Answer 2

$("input[type='submit']").click(
function(event) {
    event.preventDefault(); // Do not actually submit
    alert("You entered " + $("#your-name-id").val() + ", age " + $("#your-age-id").val());
});

Answer 3

假设您有一个电子邮件输入框

<input type="text" name="" class="" id='emailId' placeholder="" />

document.getElementById("emailId").focus();

如果你有多个输入框可以这样试试

 var myIds = ['id1', 'id1', 'id1', 'id1', 'id1']
for (var i in myIds) { fuction doValidation(myIds[i]) {} }

function getId(id) {
    return document.getElementById(id);
}
fuction doValidation(myIds[i]) {
    if (getId(myIds[i]).value == 'your error check') {
        getId(myIds[i].focus();
            return false
        }
    }
}

如何通过 Unobtrusive Validation JS 给出警告框或关注错误发生

How to give Alert box OR focus on error occur through Unobtrusive Validation JS

javascript

jquery

unobtrusive-validation