单击输入并从Bootstrap模式窗口点击提交按钮提交表单数据
这是我的模态窗口中的表单:
我没有关闭按钮,我已禁用关闭按下esc的窗口。 我希望能够在按下提交或按回车键时提交表单数据。
这是我正在使用的脚本:
$(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脚本不会运行。 有人能告诉我,我的脚本是否与我的模态窗口的默认设置发生冲突?
收听表单submit
事件 – 它由enter和click事件触发。
标记
JS
$('#yourForm').submit(function(event){ // prevent default browser behaviour event.preventDefault(); //do stuff with your form here ... });
- 从登录按钮更改type =“submit”,输入=“button”。
编辑:2。尝试删除data-keyboard =“false”。
我已经完成了提交表单将在模式对话框中打开,然后在字段中提交整个条目。 如果单击“提交”按钮,将在数据库上完成输入,并立即将页面重定向到包含新数据的同一页面。 无需刷新即可查看最近输入的数据。 希望这可以帮助。