1

我有一个 div，其中有 2 个复选框和 2 个输入文本，但我想验证或检查所有输入是否为空以显示警报或错误并填充至少一个输入（复选框或文本），因为我不这样做两个验证：1 用于复选框和 2 用于输入文本......是否有任何方法可以做到这一点？

HTML

<div id="t_disp">
    <p>
        <label for="7x24">7x24</label>
        <input id="7x24" name="7x24" type="checkbox"/>
    </p>
    <p>
        <label for="5x8">5x8</label>
        <input id="5x8" name="5x8" type="checkbox"/>
    </p>
    <p>
        <label for="especial">Especial</label>
        <input id="especial" name="especial" type="text"/>
    </p>
    <p>
        <label for="ticket">Ticket</label>
        <input id="ticket" name="ticket" type="text"/>
    </p>
</div>

提前致谢！！

4

3 回答 3

1

要获得填充/检查了多少输入：

var filled = $('#t_disp input').filter(function() { 
  return $(this).is('[type=checkbox]') ? this.checked : this.value;
}).length;

if ( filled ) {
   // at least one input is filled
} else {
   // all inputs are empty
}
于 2012-11-25T06:58:41.930 回答
0

对于文本输入，您可以检查该值。

$('#especial').val();
$('#ticket').val();

对于复选框，您可以检查它们是否被选中。

$('#7x24').attr('checked'); // returns 'checked' if checked
$('#5x8').attr('checked');

然后，您只需要将它们全部固定在一个条件下。如果它们都是空的或未选中，那么您将显示您的错误。

PS根据我的经验id=，从数字开始并不能很好地工作。

于 2012-11-25T06:56:48.113 回答
0

您可以使用以下功能

function validate()
{

    var isFormValid = false;

        $("#t_disp input:text").each(function()
        {
      if ($.trim($(this).val()).length > 0)
           {      isFormValid = true;    }
        });

     var len =  $("#t_disp input:checked").length;
     if( len > 0 ) { isFormValid = true; }

        if (!isFormValid) 
        alert("Please fill atleast on one field.");

}
于 2012-11-25T07:28:08.690 回答