我有一个带有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>
模态上的提交按钮有什么问题?
感谢任何提示
答案 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”:)