Javascript jquery-检查表单上的字段是否为空

我有几个select元素和输入字段……我可以做一系列的

if

语句来检查，但我很好奇是否有一个主函数可以查看DOM并查看数据元素中是否有值

谢谢

td{text align:center；}
TD#0
TD#2
TD#5
$（“td:empty”）.text（“empty！”）.css（'background'，'rgb（255220200））；

顺便说一句，您可以简单地使用表单元素的必需属性

---

示例

您可以添加一个名为required\u check的类，并使用jquery对其进行迭代

// target the proper elements and loop through them
$('.required_check').each(function(){

    //check the value of currently targeted element
    if($(this).val() == ''){

        // run code if field is empty
        alert($(this).attr('name')+' cannot be empty!');
    }
});

---

你似乎在寻找表单验证插件。有一个函数可以做到这一点？不是一个函数，一个单独的js文件，名为什么是“数据元素”？这只适用于兼容HTML5的浏览器，还不能有效地依赖。是的，我知道，但required field的事实是，除了IE etc的旧版本外，所有现代和主流浏览器都支持HTML5。看看这里。。它仍然应该被负责任地用于实际访问您网站的浏览器。我的网站仍有60%的IE8用户。如果有5%的人因为使用旧浏览器而通过了验证，那么你仍然无法完成手头的任务。是的，我同意，这就是为什么像

这样的标签和前缀-webkit-，-moz-，-ms-，-o-可以帮助你使网站浏览器兼容的原因。这样做是标准做法。顺便说一句，IE是世界上第二流行的浏览器……另外，只让HTML来处理所有检查是非常糟糕的做法，检查应该放在javascript和PHP中，以降低按需失败的概率值：）

// target the proper elements and loop through them
$('.required_check').each(function(){

    //check the value of currently targeted element
    if($(this).val() == ''){

        // run code if field is empty
        alert($(this).attr('name')+' cannot be empty!');
    }
});