我有一个表单,其中有 30 个输入框、10 个文本区域和 3 个选择框(updated) 字段且全部为必填字段。
如何通过 jQuery /javascript 对所有输入字段应用验证can't be blank/empty/NULL.
我不想每次都使用每个输入框的 ID 并为每个输入框和文本区域创建单独的验证。
如果任何输入字段为空,那么它的边框会变成红色,当用户要写一些东西时,它就会变得正常(没有边框,即删除该类)
UPDATE:
还有选择框..如何一起验证它们?
像这样的事情:
$("#myForm").submit(function() {
// if there are some empty inputs
if($(":input[value]").length != $(":input").length)) {
// filter out the empty ones, apply some CSS
$(":input").filter(function() {
return this.value.length == 0;
}).addClass("blank");
// do not submit
return false;
}
});
$(":input").blur(function() {
if(this.value.length > 0) {
$(this).removeClass("blank");
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)