单击输入并从Bootstrap模式窗口点击提交按钮提交表单数据

这是我的模态窗口中的表单：

我没有关闭按钮，我已禁用关闭按下esc的窗口。 我希望能够在按下提交或按回车键时提交表单数据。

 
 
Enter your Credentials
 
 
 
 
 Email 
  
 
 
 Password 
  
 
 
 
   Remember me   
 
 
 
  

这是我正在使用的脚本：

 $(document).ready(function(){ $('#myModal').modal('show'); }); function submitLogin() { $.ajax({ url:"login_mysql.php", type:'POST', dataType:"json", data: $("#login-form").serialize() }).done(function(data){ //do something }); } $('#passwd').keypress(function(e) { if (e.which == '13') { submitLogin(); } }); $('#login').click(function(){ submitLogin(); }); 

在键入密码或单击提交按钮后按Enter键，同一页面重新加载并且ajax脚本不会运行。 有人能告诉我，我的脚本是否与我的模态窗口的默认设置发生冲突？

Answer 1

收听表单submit事件 – 它由enter和click事件触发。

标记

JS

 $('#yourForm').submit(function(event){ // prevent default browser behaviour event.preventDefault(); //do stuff with your form here ... }); 

Answer 2

1. 从登录按钮更改type =“submit”，输入=“button”。

编辑：2。尝试删除data-keyboard =“false”。

Answer 3

我已经完成了提交表单将在模式对话框中打开，然后在字段中提交整个条目。 如果单击“提交”按钮，将在数据库上完成输入，并立即将页面重定向到包含新数据的同一页面。 无需刷新即可查看最近输入的数据。 希望这可以帮助。

 ADD CONTENT  
 
 
 
 × 
Please Add Content
 
 
 
  Submit   
  document.location.href='http://localhost/dict/pages/YOURPAGE.php'; "; $conn->CLOSE(); } ?>