2014-08-31 96 views
0

我有一個網站建立了bootstrap框架。它具有一些需要的文本輸入和一個提交按鈕。事實上,點擊提交按鈕後,它會打開一個新的空白html頁面,並附上感謝信息。如果未填寫必填字段,則會出現警告,並且在填寫必填字段之前未提交信息。Bootstrap模態,感謝您的消息,提交表單,需要

我想將感謝頁面更改爲感謝模式窗口。我的問題是,以感謝消息設置爲模式,謝謝你的模式在有或沒有必要的字段有信息時觸發。我需要的模式不會彈出,除非填寫了所有必填字段,任何人都有一個簡單的方法來糾正?

<form id="contact-form" name="myemailform" action="form-to-email.php" method="post" target="blank"> 
      <div class="row"> 
       <div class="col-md-6"> 
        <div class="form-group"> 
         <label for='name'> 
          Name</label> 
         <input name="name" type="text" class="form-control" id="name" required placeholder="Enter Name" /> 
        </div> 
        <div class="form-group"> 
         <label for='email'> 
          Email Address</label> 
         <div class="input-group"> 
          <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span> 
          </span> 
          <input name="email" type="email" class="form-control" id="email" required placeholder="Enter Email" /></div> 
        </div> 
       </div> 
       <div class="col-md-6"> 
        <div class="form-group"> 
         <label for='message'> 
          Message</label> 
         <textarea name="message" id="message" class="form-control" rows="9" cols="25" required 
          placeholder="Message"></textarea> 
        </div> 
       </div> 
       <div class="col-md-12"> 
        <button type="submit" name='submit' class="btn btn-skin pull-right" id="btnContactUs" value="Submit" target="blank" data-toggle="modal" data-target="#myModalThanks"> 
         Send Message</button> 
       </div> 
      </div> 
      </form> 

回答

0

根據描述(不清楚),我覺得,你想要的是你的表單的客戶端驗證。看看這個插件。

http://jqueryvalidation.org/documentation/

+0

其實,我只是想通了(記得)表示,謝謝html頁面被稱爲在我的PHP文件。猜測有沒有一種簡單的方法可以讓你比不上你的模態火。 //發送郵件! 郵件($ to,$ email_subject,$ email_body,$ headers); //完成。重定向到感謝頁面。 header('Location:thank-you.html'); – user3534421 2014-08-31 04:13:20

相關問題