投稿ボタンが押されたときに隠れたフォームdivが自動的に隠れるのを防ぐ

Question

.hide()と.show() jqueryメソッドを使用することで、私のウェブサイトにサインアップフォームを表示して可視にすることができました。

登録フォームに記入して送信ボタンを押すと、送信ボタンがクリックされたときにユーザーがエラーメッセージを見ることができないため、フォームが送信されて自動的に隠れます。

ユーザーがサインアップボタンを再度クリックすると、エラーメッセージが表示されます。

送信ボタンをクリックしたときにこのサインアップフォームが自動的に非表示になるのを防ぐ方法を教えてもらいます。ユーザーは2回目のサインアップボタンをクリックせずにエラーを見ることができます。

私の検証はphpで書かれています。 ** 前もって感謝します。

Answer 1

私が正しく理解しているのは、送信ボタンをクリックしたときにフォームが送信されているためです。

私は入力タイプを使用しないで、一般的なボタンを使用し、検証がパスしたらフォームを送信します。これにより、送信がクリックされたときにフォームが送信を停止し、エラー：

<button id="submit_form" class="submit">Submit</submit> 

希望します。

もちろん、コードサンプルは私があなたの問題を理解するのに役立ちます。

Answer 2

コードなし：私の理解から、あなたは2つの方法でそれを行うことができます。

まずアヤックス：フォームを送信すると、$エラーvaribleでエラーで戻って同じページで取得した場合

$('#submitButton').click(function (e){ 
     e.preventDefault(); 
     $.ajax({ 
     type: "POST", 
     url: url, //action 
     data: form.serialize(), 
     success: function (html) { 
      // if html get error then show at above the form as yourt wish 
      } 
     }); 
     }); 

。その後、連絡先フォームに印刷します。あなたは

if(isset($error)){ 
    ?> <script> 
     $('#signupform').modal('show'); // if your form in bootstrap modal Otherwise 
    $('#signupform').show(); 

</script> <?php  
} 

スクリプトコードとPHPで

をあなたのポップアップを表示することができ、それはあなたのための参考になっ願っています。