我试图从特定div的元素中获取所有元素然后验证它们

时间:2015-06-24 05:43:26

标签: javascript jquery html validation

我正在尝试从特定div获取所有表单元素,然后尝试验证它们,但我的代码不适用于选择框和单选按钮, 这是我的功能

function validateForm(currentTab) {
    var valid = true;
    var div = currentTab;
    $(div).find('input:text, input:password, input:file, select, textarea', 'input:radio, input:checkbox').each(function() {

        //  console.log($(this).attr('name')+ " " +$(this).attr('type'));
        if ($(this).is(':visible')) {
            if ($(this).val().length == 0) {
                $(this).css("border", "1px solid red")
                valid = false;
            } else {
                $(this).css("border", "")
            }
        }
    });

    return valid;
}

1 个答案:

答案 0 :(得分:0)

我注意到你的搜索参数是2个字符串,而不只是一个参数作为选择器:

$(div).find('input:text, input:password, input:file, select, textarea', 
    <-- here  -->  'input:radio, input:checkbox')

代替:

 $(div).find('input:text, input:password, input:file, select, textarea, input:radio, input:checkbox')