【问题标题】:submit button on modal wont submit模态上的提交按钮不会提交
【发布时间】:2014-09-08 13:16:16
【问题描述】:

我有一个带有 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>

验证sn-p:

<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>

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

感谢任何提示

【问题讨论】:

  • 我猜该表单需要在实际的&lt;form&gt; 标签中有提交按钮。如果没有更多的 HTML,就很难知道发生了什么。
  • 有完整代码-> pastebin.com/BLVHgCaA
  • 您的 Absenden 按钮可能不应该同时具有 onclick 处理程序和 data-toggle="modal"

标签: jquery forms twitter-bootstrap bootstrap-modal


【解决方案1】:

请给出提交按钮的名称,例如 name="submit" 假设它可以工作。

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

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 2021-08-27
      • 2011-05-06
      • 2014-03-23
      • 2016-02-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多