模态提交按钮不会提交

时间:2014-09-08 13:16:16

标签: jquery forms twitter-bootstrap bootstrap-modal

我有一个带有js验证的表单。如果所有输入设置正确,则会打开一个模式,您可以选择重定向。

模态打开,但单击按钮时不提交表单..

<form name="form1" method="post" action="mail.php" >

呼叫验证按钮:

<button  class="modal-toggle" id="lp-pom-button-40" onclick="validateForm()"   type ="button" data-toggle="modal" >Absenden</button></div>

验证摘要:

<script type="text/javascript">
function validateForm() {
   if( document.form1.vorname.value == "" )
   {
         return false;
   }
   if( document.form1.nachname.value == "" )
   {
         return false;
   }
   if( document.form1.postleitzahl.value == "" )
   {
         return false;
   }
   if( document.form1.email.value == "" )
   {
         return false;
   }
   if( document.form1.telefon_optin_Ja.value == "" )
   {
         return false;
    }
if( document.form1.ort.value == "" )
   {
         return false;
   }
   if( document.form1.straße.value == "" )
   {
         return false;
   }
   if( document.form1.Anrede.value == "" )
   {
         return false;


        }else { 
            $('#modal_absenden').modal({
              backdrop: 'static',
              keyboard: 'false',
                 })

    }
}
</script>

模态:

<div class="modal fade" id="modal_absenden">
  <div class="modal-header">

    <h3><center>Vielen Dank!</center></h3>
  </div>
  <div class="modal-body"><center>
    <p>Wir werden uns in den kommenden Tagen telefonisch bei Ihnen melden.
Besuchen Sie doch in der Zwischenzeit einfach unseren Online-Shop in dem Sie über 6.000 verschiedene Artikel finden:<br>
<img src="cxds34-shop_08b05a08b05a000000.png"></img></center></p>
  </div>
  <div class="modal-footer">
    <input type="submit" href="www.aol.com" value="Nein, danke" class="btn" data-dismiss="modal">
    <input type="submit" href="www.bing.com" class="btn btn-success" value="Ok" class="btn btn-primary" data-dismiss="modal">
  </div>
</div>

模态上的提交按钮有什么问题?

感谢任何提示

2 个答案:

答案 0 :(得分:0)

请提供名称提交按钮,如name =“submit”,假设它正常工作。

    <input type="submit" name="submit" href="www.aol.com" value="Nein, danke" class="btn" data-dismiss="modal">

答案 1 :(得分:0)

解决方案是从提交按钮中删除data-toggle =“modal”:)