我想要两个字段中的两个不同的消息,例如,包含“用户名不能为空”和“密码不能为空”的消息的用户名和密码字段.我只是设法改变消息,但是对于这两个字段来说都是一样的.是
here
$(document).ready(function() { var elements = document.getElementsByTagName("INPUT"); for (var i = 0; i < elements.length; i++) { elements[i].oninvalid = function(e) { e.target.setCustomValidity(""); if (!e.target.validity.valid) { e.target.setCustomValidity("Username cannot be blank"); } }; elements[i].oninput = function(e) { e.target.setCustomValidity(""); }; } })
解决方法
对不起,我的代码有些错误.尝试,这对我有用:
$(document).ready(function() { var msg=""; var elements = document.getElementsByTagName("INPUT"); for (var i = 0; i < elements.length; i++) { elements[i].oninvalid =function(e) { if (!e.target.validity.valid) { switch(e.target.id){ case 'password' : e.target.setCustomValidity("Bad password");break; case 'username' : e.target.setCustomValidity("Username cannot be blank");break; default : e.target.setCustomValidity("");break; } } }; elements[i].oninput = function(e) { e.target.setCustomValidity(msg); }; } })