jquery - 检查是否填写了任何表单元素

Question

我有一个带有输入、复选框、单选按钮、文本区域的表单。我想用jquery检查我的表单的任何元素是否被填充，如果至少一个字段被填充，那么就可以了。谢谢

Answer 1

$("#form_id").submit(function() {
    var filled = false;
    $(this).find("input").each(function() {
        if ($(this).val() != "") {
           filled = true;
        }
    });
    if (filled) { return true; }
    else { // raise an error
           return false; }
});

本质上，只需循环输入字段并查看是否有不为空的字段。如果 jQuery 提交处理程序返回 true，则发生表单的默认行为(提交)，如果返回 false，则不会发生任何事情。