检查隐藏的表单输入在表单提交中具有价值

Question

我有一个带有隐藏输入的表单：

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

我有一个隐藏的警报（为此使用Bootstrap）：

 <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 ....

});