2015-10-28 65 views
0

我正在使用引導模式工作。我想要的只是當表單填寫所有字段並按下「完成訂閱」按鈕時顯示我的一個模式。在表單提交上打開引導模式

<form id="my_form"> 
    <input type="text" name="fname" placeholder="First Name" required> 
    <input type="text" name="lname" placeholder="Last name" required> 
    <input type="text" name="company" placeholder="Company"> 
    <input type="text" name="email" placeholder="E-mail" required> 

    <input class="pull-right" type="submit" name="submit" value="Complete Subscription"> 
</form> 

我試過這段代碼。但它不起作用。

$('#my_form').submit(function() { 
    $('#wellcome-modal').modal('show'); 
}); 
+0

你能提供給我們完整的代碼! –

+0

你的意思是「它不工作」是什麼意思?是否存在一些名爲'wellcome-modal'的元素? – Kai

+0

這將不會顯示錶單提交後的模態$('#my_form')。submit(function(){$('#wellcome-modal')。modal('show');});在提交頁面重新加載後的原因,所以我建議你應該提交表單與Ajax方法和成功顯示模態 – Shehary

回答

0

return false從匿名功能,防止從頁面重新加載,或稱之爲接收該事件對象的preventDefault方法。

$('#my_form').submit(function (e) { 
    e.preventDefault(); 
    $('#wellcome-modal').modal('show'); 
}); 

這假定您使用Ajax發佈表單。

+0

你能告訴我完整的代碼示例嗎? –

+0

當然。根據您的回調查看代碼示例。 – tragle