我想在两个字段中显示两条不同的消息,例如,包含“用户名不能为空”和“密码不能为空”等消息的用户名和密码字段。我只是设法更改了消息,但是这两个字段都是一样的。这是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);
};
}
})
关于html - 如何更改两个字段中的默认值 "please fill out this field",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16886428/