如何验证特定div中的特定输入字段

时间:2014-07-09 13:30:05

标签: javascript jquery html css

我能够验证div中的所有字段,但我只想验证特定字段。 Here is a jsfiddle to show what I mean 一旦验证通过,div就会被隐藏。我必须在所有字段中输入数据,因此如果您选中“是”'从复选框中,您会看到一个输入字段,我不想包含该输入字段,如果您选择“NoGame'一旦您在下部div(绿色边框)中的两个字段之外的所有字段中输入数据,并从下拉列表中单击Test1按钮,您将看到我的意思。有什么建议吗?

这是验证所有字段然后隐藏div的代码,也可以在小提琴中看到

  function IsValid(divid) {
var $div = $('#' + divid);
var result = true;
$.each($div.find("input[type='text']"), function (i, input) {
    if ($(input).val().length == 0 || $.trim($(input).val()) == '') {
        result = false;
        return;
    }
});

return result;
  }

  $(document).ready(function(){
             $("#hide").click(function(){
                if (IsValid('contentone')) {
$('#contentone').hide();
 };
             });
         });

1 个答案:

答案 0 :(得分:1)

您不想验证的文本类型的输入字段将其排除在验证过程

之外
function IsValid(divid) {
var $div = $('#' + divid);
var result = true;
var excludeElement = ["reason"]; //<-- EXCLUDED ELEMENTS IDS
$.each($div.find("input[type='text']"), function (i, input) {
    if ($.inArray($(input).attr('id'), excludeElement) < 0 && ($(input).val().length == 0 || $.trim($(input).val()) == '')) {
        result = false;
        return;
    }
});

return result;
}