2016-11-10 14 views
0

を提出していチェック隠しフォーム入力値がフォーム上で、私は隠し入力してフォームを持っている

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

ユーザーがテーブルから選択すると、隠しフォーム入力が別のスクリプトを使用して入力されます。プロダクトIDが入力値として追加されます。

クライアント側の検証を追加したい(サーバー側の検証が必要)ので、ユーザーが[送信]をクリックすると、隠れた入力の有無を確認して選択を行ったかどうかを確認します私はそれはJavascriptを/ jQueryを使って非表示の入力をチェックすることができますかどうかわからないんだけど、それならばどのようにこの取り掛かるために

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

: - それは価値を持っている場合、それが空である場合には、隠されたアラートが表示されます可能だ。

+0

場合は使用して提出する上で値をチェックしたいと思うでしょう、あなたのフォームは、現在送信したり、入力に取り扱う任意のフロントエンドエラーを持っていますか? – developernator

答えて

1

基本的にあなたが声明

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

    event.preventDefault(); 

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

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

      return false; 

    } 

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

}); 
+0

は、テストに合格するとフォームが送信していないことに気付きました。隠された入力値がない場合でも警告を表示しますが、フォームを送信していない場合はここに欠けているものがありますか? – user982124

+0

event.preventDefault()がデフォルトのアクションを停止しています – developernator

+0

フォームハンドラはどのように見えますか? – developernator

関連する問題