2016-09-06 10 views
0

私のPHPアプリケーションでは、ボタンを押した後に表示されるポップアップログインページにログインする必要があります。 ログインボタンはようです:ポップアップログインページでエラーを表示するにはどうすればいいですか?

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav navbar-right main-nav"> 
     <li><a href="#intro">Intro</a></li> 
     <li><a href="#services">Services</a></li> 
     <li><a href="#team">Team</a></li> 
     <li><a href="#pricing">Pricing</a></li> 
     <li><a href="#modal1" data-toggle="modal" data-target="#modal1" class="btn btn-blue">Sign Up</a></li> 
    </ul> 
</div> 

ポップアップログインページの資格情報は、ユーザーが再びサインアップボタンを押した場合にのみ、エラーメッセージが表示され失敗した場合

<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content modal-popup"> 
      <a href="#" class="close-link"><i class="icon_close_alt2"></i></a> 
      <br /> 
      <h3 class="white">Sign Up</h3> 
      <?php if(validation_errors()){ ?> 
       <div class="alert alert-danger"> 
      <?php echo validation_errors(); ?> 
       </div> 
      <?php } ?> 

      <?php echo form_open('verifylogin/'); ?> 
       <form class="popup-form" action=""> 
        <input class="form-control form-white" placeholder="Username" name="username" type="text" autofocus AutoComplete=off ><br /> 
        <input class="form-control form-white" placeholder="Password" name="password" type="password" autocomplete=off value="">  
        <button type="submit" class="btn btn-submit">Submit</button> 
       </form> 
     </div> 
    </div> 
</div> 

ようです自分自身の代わりに。

+2

のStackOverflowへようこそ。助けを求めるために、あなたのhtml/css/js/phpページのコード例を提供してください。 –

+0

は[、最小限の完全かつ検証可能な例]を掲示ようなことをやって検討し、あなたの質問から取得応答を改善する(http://stackoverflow.com/help/mcve)、[構文の強調表示](のhttp://メタタイトルにあなたの質問を明確にすること.stackexchange.com /質問/ 184108/- 何であるか、構文の強調表示、および-方法-ない - それ-作品)、[必要なタグを追加する](http://stackoverflow.com/ヘルプ/タグ付け)... [詳細については、FAQへ](http://stackoverflow.com/help/how-to-ask)を参照してください。 – user919426

答えて

0

それはあなたの現在のコードの例なし探している正確に何を伝えるのは難しいです。たぶんそれをjsfiddleリンクに入れますか?誤った資格情報が入力されたときにエラーが表示されるように思えます。

alert('Your error here'); 

ログインが失敗した場合に実行してください。あなたも空想を取得し、ユーザーがそのような

alert('Wrong password for '+ u_name +'. Please try again'); 

エラーを生成する他の方法がありますとして入力されたユーザ名を入れていますが、簡単かつ迅速に何かを探しているように思えることができます。

関連する問題