Javascript 具有相同提交功能的不同表单
我有许多通过PHP动态生成的表单。我正在尝试验证将要提交的表单上的所有字段是否已填写。我刚开始用JQuery,所以如果答案太简单,我很抱歉 我试过这个:Javascript 具有相同提交功能的不同表单,javascript,jquery,Javascript,Jquery,我有许多通过PHP动态生成的表单。我正在尝试验证将要提交的表单上的所有字段是否已填写。我刚开始用JQuery,所以如果答案太简单,我很抱歉 我试过这个: $('.myform').submit(function(){ var flag = true; $('.myform input').each(function() { if($(this).val() === ''){ flag = false; return false;
$('.myform').submit(function(){
var flag = true;
$('.myform input').each(function() {
if($(this).val() === ''){
flag = false;
return false;
}
});
return flag;
});
但是在第二个表单中,它会检查第一个表单(因为您没有填写该表单,所以该表单应该为空…)
提前谢谢
$('.myform').submit(function(){
var flag = true;
// use $(this) below which is the form has submit event fired.
$(this).find('input').each(function() {
if($(this).val() === ''){
flag = false;
return false;
}
});
return flag;
});
或者,您可以通过以下方式简化代码:
$('.myform').submit(function() {
return $(this).find('input').filter(function() {
return $.trim($(this).val()) !== '';
}).length == 0;
});
您还应该修剪
.val()
。另外,您是否可以通过只说returnflag=false来避免重复代码>?