【发布时间】: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>
模态框上的提交按钮有什么问题?
感谢任何提示
【问题讨论】:
-
我猜该表单需要在实际的
<form>标签中有提交按钮。如果没有更多的 HTML,就很难知道发生了什么。 -
有完整代码-> pastebin.com/BLVHgCaA
-
您的 Absenden 按钮可能不应该同时具有
onclick处理程序和data-toggle="modal"。
标签: jquery forms twitter-bootstrap bootstrap-modal