需要帮助选择jquery中没有值的输入字段

Question

我正在尝试编写一个脚本，检查任何输入字段是否没有值，并且在执行该脚本时需要显示警报消息并返回false。

下面的输入字段只是我的真实应用程序的一个小示例。 可能已经有5个以上输入值已经在其中的输入字段，以及1个或多个其中没有值的输入字段

没有值的输入字段仅是从ajax帖子返回了数据（html代码）的字段

问题在于，当输入字段之一没有值时，脚本不会显示警报消息。 （带有ajax的返回数据）

任何帮助将非常感激。

下面是我正在使用的代码。

HTML代码

<input type='text' class='option_category' name='option_category_config[35196][option_cat_name]' value='Size of Neapolitan' >

<input type='text' class='option_category' name='option_category_config[35197][option_cat_name]' value='Choice of Whole Pizza Toppings' >


//Empty input field. This is not even shown on the HTML source code. I needed to copy and paste it from firebug. I am not sure if that is the reason it doesn't return false

<input class="option_category" type="text" placeholder="Enter category name" value="" name="option_category_config[35236][option_cat_name]">

jQuery代码

 var option_cat = $('.option_category[name*="option_category_config"]');

$('input[name="update_menu_options"]').on('click', function(){



        option_cat.each(function(){

      var check_val =  $(this).val();
      console.log(check_val);
        if(!check_val){
           alert('there are missing input(s)');
           return false;
           }


        });



              return false;

        });

Answer 1

奇怪-使用您提供的代码，我看到了预期的行为： http : //jsfiddle.net/DuncanMack/33bwdLqm/

如果项目是动态加载的，请确保已重新计算option_cat的值。 没有完整的代码，我不能确定，但​​这听起来像是您在document.ready（）上运行它（仅计算已存在的项目），然后动态加载其他输入值。 修复起来很容易-只需移动var option_cat = $('.option_category[name*="option_category_config"]'); 进入onClick事件。

Answer 2

您正在使用布尔比较，该布尔比较可能提供不一致的结果，例如，即使从技术上讲，有一个值，但输入0将返回false。 更改代码的这一部分：

if(check_val.length == 0){
    alert('there are missing input(s)');
    return false;
}

Answer 3

这是答案： 空输入字段的javascript验证

<script type="text/javascript">
function validateForm()
{
var a=document.forms["Form"]["ans_a"].value;
var b=document.forms["Form"]["ans_b"].value;
var c=document.forms["Form"]["ans_c"].value;
var d=document.forms["Form"]["ans_d"].value;
if (a==null || a=="",b==null || b=="",c==null || c=="",d==null || d=="")
  {
  alert("Please Fill All Required Field");
  return false;
  }
}

<form method="post" name="Form" onsubmit="return validate()" action="">
<textarea cols="30" rows="2" name="ans_a" id="a">
<textarea cols="30" rows="2" name="ans_b" id="b">
<textarea cols="30" rows="2" name="ans_c" id="c">
<textarea cols="30" rows="2" name="ans_d" id="d"></textarea>
</form>