验证多个文本框

时间:2014-03-04 20:38:29

标签: javascript jquery validation

我有这段代码可以验证ContentPlaceHolder1_locationTextBoxnewIndex成为3之前是否有文字。

if ((newIndex === 3 && $("#ContentPlaceHolder1_locationTextBox").val() == "")) {
            $('#ContentPlaceHolder1_locationLabelV').show();

            return false;
        }
        else {
            $('#ContentPlaceHolder1_locationLabelV').hide();
        }

但我也有ContentPlaceHolder1_countryTextBox&页面上的ContentPlaceHolder1_seaTextBox带有相应的标签,如何修改脚本以便对所有文本框进行验证?

我尝试添加一个可怕的语句但是这会导致页面冻结。检查所有三个文本框的最佳方法是什么?

2 个答案:

答案 0 :(得分:1)

您可以为所有输入添加类,例如:validate

之后可以创建JS功能。您可以根据需要触发此功能。

function check(){
    $('.validate').each(function(){
        label = $("label[for='"+$(this).attr('id')+"']");
        if ((newIndex === 3 && $(this).val() == "")) {
            label.show();
            return false;
        }
        else {
            label.hide();
        }
    });
}

答案 1 :(得分:0)

function validate(value) {

   if ...
     //show div
   else ...
     // hide div

}

$("input[type='text']").each(function(){

   //value from input text field
   var myval = $(this).val();

   //call validation function
   validate(myval);

});