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

});

检查隐藏表格输入在表格提交上有价值

1 个答案: