Question

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

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

我怎样才能显示警告框，其中缺少某些内容＆＃34;在一个页？
我怎么能关注错误TextBox，Checkbox或任何错误其他控制？

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

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="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
        }
    }
}

Answer 3

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

如何通过Unobtrusive Validation JS提供Alert框或关注错误

3 个答案: