如何使用 jq 或者 js 循环进行判断 表格中的 所有输入框和下拉框是否为空

Question

如何使用 jq 或者 js 循环进行判断 表格中的 所有输入框和下拉框是否为空

使用了两种方法进行 表格行的复制

第二种直接克隆的没有想到如何进行， 给每一个克隆之后的 控件设置id 和 class，

Answer 1

Javascript 实现：

// 获取表格中的所有输入框和下拉框
var inputs = document.querySelectorAll('input, select');

// 循环处理
inputs.forEach(function(input){
    // 判断元素类型
    switch(input.type){
        // 输入框
        case 'text':
        case 'password':
            if(input.value === '') console.log('Input can not be empty.');
            break;
        // 下拉框
        case 'select-one':
            if(input.value === '') console.log('Select can not be empty.');
            break;
    }
});

jQuery 实现：

// 获取表格中的所有输入框和下拉框
var inputs = $('input, select');

// 循环处理
inputs.each(function(){
    // 输入框
    if(this.type === 'text' || this.type === 'password'){
        if($(this).val() === '') console.log('Input can not be empty.');
    }
    // 下拉框
    if(this.type === 'select-one'){
        if($(this).val() === '') console.log('Select can not be empty.');
    }
});