检查隐藏的表单输入对表价值提交

Question

我有一个隐藏的输入形式：

<input type="hidden" name="productID" id="productID" value=""> 

我有一个隐藏的警报（使用引导本）：

<div id="alert_ajax_error" class="alert alert-danger text-center" role="alert" style="display:none"> 
 
    You have not made a selection. Please select an Item and try again 
 
</div> 
 

 
<div class="text-center"> 
 
    <button type="submit" name="buttonType" value="saveSelected" class="btn btn-success">Submit</button> 
 
</div>

当用户从表中进行选择时，通过另一个脚本填充隐藏表单输入 - 它将productID添加为输入的值。

我现在想添加一些客户端验证（在服务器端进行验证），以便如果用户单击提交，它将检查是否通过检查隐藏输入的存在来查看是否进行了选择如果它有一个值 - 如果它是空，然后将显示隐藏的警报：

$("#alert_ajax_error").show(); 

我不知道是否有可能来检查使用Javascript/JQuery的一个隐藏的输入，如果它如何去这个是可能的。

Answer 1

基本上你将要检查的数值上使用提交if语句

$("form").submit(function(event) { 

    event.preventDefault(); 

    if($('#productID').val() == '') { 

      $("#alert_ajax_error").show(); 

      return false; 

    } 

    //.... more form actions if good .... 

});