檢查隱藏的表單輸入對錶價值提交

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

});