2014-08-31 98 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

相关问题