更多字段的jQuery表单验证

我使用以下jQuery代码来验证我的表单字段。但这段代码只适用于2个字段，我的网站中还有更多的字段。有没有一种方法可以简化更多领域的工作

// Input validation
var wz_form1 = $('#wz_form1');
var wz_width = $('#wz_width');
var wz_height = $('#wz_height');

wz_width.blur(vld_wz_width);
wz_height.blur(vld_wz_height);

wz_form1.submit(function() {
    if(vld_wz_width() & vld_wz_height() ) {
        return true;
    }else{
        return false;   
    }
});

function vld_wz_width() {
    if(wz_width.val().length < 1) {
        wz_width.addClass('red_border');
        return false;
    } else{
        wz_width.removeClass('red_border');
        return true;

    }
}

function vld_wz_height() {
    if(wz_height.val().length < 1) {
        wz_height.addClass('red_border');
        return false;
    } else{
        wz_height.removeClass('red_border');
        return true;

    }
}

//输入验证
var wz_form1=$（'wz_form1'）；
var wz_width=$（'wz_width'）；
var wz_height=$（'wz_height'）；
模糊（vld_wz_宽度）；
模糊（vld_wz_高度）；
wz_form1.submit（函数（）{
if（vld_wz_width（）和vld_wz_height（））{
返回true；
}否则{
返回false；
}
});
函数vld_wz_width（）{
if（wz_width.val（）.长度<1）{
wz_width.addClass（'red_border'）；
返回false；
}否则{
wz_宽度。removeClass（“红色_边框”）；
返回true；
}
}
函数vld_wz_height（）{
如果（wz_height.val（）.长度<1）{
wz_height.addClass（“红色边框”）；
返回false；
}否则{
wz_高度。移除类（“红色_边框”）；
返回true；
}
}

我的最新更新：

var wz_form = $('#wz_form1');
$(wz_form).submit(function() {

    function wz_validation() {
        var txtboxes=$('input[validate="true"]');
        for(var i=0;i<txtboxes.length;i++) {

            if($(txtboxes[i]).val()=="") {
                $(txtboxes[i]).addClass('red_border');
                return false;
            }
            else{
                $(txtboxes[i]).removeClass('red_border');
                return true;
            }
        }
    }

    if(wz_validation()) {
        return true;    
    }
    else{
        return false;   
    }

});

var wz_form=$（'wz_form1'）；
$（wz_表单）。提交（函数（）{
函数wz_验证（）{
var txtboxs=$（'input[validate=“true”]）；
对于（var i=0；i如果需要非空白验证，可以使用：

// Input validation
var wz_form1 = $('#wz_form1');
var wz_width = $('#wz_width');
var wz_height = $('#wz_height');
var wz_field1 = $('#wz_field1'); //Add new fields
var wz_field2 = $('#wz_field2');
//..... add all the required fields


wz_width.blur(vld_wz_width);
wz_height.blur(vld_wz_height);

wz_form1.submit(function() {
    if(vld_wz_width() & vld_wz_height() & vld_wz_field1 & vld_wz_field2 /* & so on ...*/ ) {
        return true;
    }else{
        return false;   
    }
});

function vld_wz_width() {
    if(wz_width.val().length < 1) {
        wz_width.addClass('red_border');
        return false;
    } else{
        wz_width.removeClass('red_border');
        return true;

    }
}

function vld_wz_height() {
    if(wz_height.val().length < 1) {
        wz_height.addClass('red_border');
        return false;
     } else{
        wz_height.removeClass('red_border');
        return true;

    }
}

 function vld_wz_fields() {
    if(wz_field1.val().length < 1) {
        wz_field1.addClass('red_border');
        return false;
     } else{
        wz_field1.removeClass('red_border');
        return true;

    }
}

 function vld_wz_fields() {
    if(wz_field2.val().length < 1) {
        wz_field2.addClass('red_border');
        return false;
     } else{
        wz_field2.removeClass('red_border');
        return true;

    }
}

//and so on ...

//输入验证
var wz_form1=$（'wz_form1'）；
var wz_width=$（'wz_width'）；
var wz_height=$（'wz_height'）；
var wz_field1=$（'#wz_field1'）；//添加新字段
var wz_field2=$（'wz_field2'）；
//…添加所有必需的字段
模糊（vld_wz_宽度）；
模糊（vld_wz_高度）；
wz_form1.submit（函数（）{
如果（vld_wz_width（）&vld_wz_height（）&vld_wz_field1&vld_wz_field2/*等等…*/）{
返回true；
}否则{
返回false；
}
});
函数vld_wz_width（）{
if（wz_width.val（）.长度<1）{
wz_width.addClass（'red_border'）；
返回false；
}否则{
wz_宽度。removeClass（“红色_边框”）；
返回true；
}
}
函数vld_wz_height（）{
如果（wz_height.val（）.长度<1）{
wz_height.addClass（“红色边框”）；
返回false；
}否则{
wz_高度。移除类（“红色_边框”）；
返回true；
}
}
函数vld_wz_字段（）{
if（wz_field1.val（）.length<1）{
wz_field1.addClass（'red_border'）；
返回false；
}否则{
wz_字段1.removeClass（“红色_边框”）；
返回true；
}
}
函数vld_wz_字段（）{
if（wz_field2.val（）.length<1）{
wz_field2.addClass（'red_border'）；
返回false；
}否则{
wz_字段2.removeClass（“红色_边框”）；
返回true；
}
}
//等等。。。

如果您熟悉html5，则只能在表单字段中添加
required
属性，这将执行自动表单验证
如果您使用type=text，则可以使用以下代码

$(btnSubmit).click(function()
{
var txtboxes=$('input[type="text"]');
for(var i=0;i<txtboxes.length;i++)
{
if($(txtboxes[i]).val()=="")
$(txtboxes[i]).addClass('red_border');
else
$(txtboxes[i]).removeClass('red_border');
}
});

$（btnSubmit）。单击（函数（）
{
var txtboxs=$（'input[type=“text”]”）；
对于（var i=0；i如果您的字段具有包含公共字符串的ID，如
\u width
，则可以使用
ON（）
来附加验证，如下所示：

$("input[id~='_width']").on("blur", vld_wz_width);
$("input[id~='_height'").on("blur", vld_wz_height);

什么类型的验证是必需的？字段不能为空，或者这不是你的意思？是的，所以我通常这样做，但我正在寻找一个解决方案，我可以使它更简单。我不需要为每个字段添加函数，但我认为这是不可能的，对吗？尝试添加
required
属性。好的，然后你需要修改scri所有必需属性字段的pt对吗？不只是在字段防御上放置
required
，不需要脚本。例如，PE
这应该可以解决您的问题。我如何排除一些字段？使用类？向要验证的字段添加自定义属性，如“”，并更改“var txtboxs=$（“输入”）[type=“text”]；“to”var txtboxs=$（“输入[validate=“true”]”）“；”…它将验证属性validate为true的所有输入。好的，我也可以为此使用必需的属性吗？可以，但Internet Explorer 9和早期版本或Safari不支持输入标记的必需属性。如果值为blankOK，您将无法添加css类，因此最好使用yo那么你是对的。