无法验证输入字段是否为空且是否必需

时间:2013-07-20 09:06:47

标签: jquery

我似乎在检查输入字段是否为空且是否需要时遇到问题,如果是这样,则警告用户。我目前让它工作,而不是看是否需要输入字段,问题是当非必需字段留空时弹出警报。

以下是代码:

    $('.close-and-show-next').click(function() {
      var empty = $(this).parent().find("input:visible").filter(function() {
      return this.value === "";
    });
    if(empty.length && empty.closest('span').hasClass('required')) {
      //At least one input is empty
      $(this).parent().parent().find('.numberlabel').css('background-color','#FF0000');
      alert('One or more fields have been left blank. Please press EDIT to correct before pressing continue.');
    }
    });

这里是小提琴:http://jsfiddle.net/joseph_a_garcia/uuVjy/1/

1 个答案:

答案 0 :(得分:0)

范围不是输入的父级,因此closest()不起作用,您应该使用siblings()

if (empty.length && empty.siblings('span.required').length) {...