izo*_*ate 8 javascript forms validation jquery
我正在构建一个联系表单,我需要有关jQuery验证器的帮助.
function contactform() {
$("form #submit").on("click", function() {
$("form input").removeClass("error");
validator();
// 3rd action goes here
});
});
Run Code Online (Sandbox Code Playgroud)
validator() 检查是否有任何输入为空,如果是,则为其添加错误类:
function validator() {
$("form input").each(function() {
var value = $(this).val();
if (value.length <= 0) {
$(this).addClass("error");
return false;
}
});
});
Run Code Online (Sandbox Code Playgroud)
现在,对于第3个动作,contactform()我想说if validator() = true(即没有输入为空),然后继续下一个代码.
我似乎无法返回值validator().有人知道最好的方法吗?
这是使用filter方法的另一种解决方案
function validator() {
return $("form input").filter(function() {
return $.trim(this.value).length == 0;
}).addClass("error").length == 0;
});
function contactform() {
...
if (validator()) {
// it's OK
} else {
// there are errors
}
}
Run Code Online (Sandbox Code Playgroud)
更新:在@am_not_i_am 的帮助下进行了极大的更新.谢谢!