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

时间:2013-07-30 19:06:33

标签: javascript jquery

我有几个选择元素和输入字段....我可以做一系列if语句来检查,但我很好奇是否有一个查看DOM的主函数并查看是否数据元素中有值吗?

由于

2 个答案:

答案 0 :(得分:0)

<!DOCTYPE html>
<html>
<head>
  <style>

  td { text-align:center; }
  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <table border="1">
    <tr><td>TD #0</td><td></td></tr>
    <tr><td>TD #2</td><td></td></tr>

    <tr><td></td><td>TD#5</td></tr>
  </table>
<script>$("td:empty").text("empty!").css('background', 'rgb(255,220,200)');</script>

</body>
</html>

顺便说一下,你可以简单地使用表单元素的必需属性

示例<input type="text" required="required">

答案 1 :(得分:0)

您可以添加一个名为required_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!');
    }
});