如何找出表单是否没有任何元素(输入,选择)在jquery

How to find out whether the form is not having any element(input,select) in jquery?

本文关键字:输入 选择 jquery 元素 表单 何找出 是否 任何      更新时间:2023-09-26

我可以发现表单中没有jquery/javascript元素。

   <form class="form-horizontal holiday_db_form"></form>

定位表单,使用.length计算孩子的数量。如果返回0,则为空。

http://jsfiddle.net/gkhq1cvf/

只需使用单个类选择器并使用children查找inputselect元素的长度,如下所示:

var form=$('.form-horizontal');
if(form.children('input').length)
{
      //Input element present
}
if(form.children('select').length)
{
      //Select element present
}

您可以使用$("form.form-horizontal.holiday_db_form").find("input, select").length来决定表单中是否有输入或选择。

$("form.form-horizontal.holiday_db_form")将首先针对上述表单,.find("select, input")将查找属于该表单的所有inputselect,如果长度为0,则表示不存在输入或选择。

console.log($('form#form1').find('input, select').length);
console.log($('form#form2').find('input, select').length);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form1"></form>
<form id="form2">
    <input type="text" id="f2t"/>
   <select id="f2s">
    </select>
</form>