Javascript 我想在提交表单后打开modal?
我想在点击表单1中的“提交”按钮后打开引导模式,如果点击模式中的“发送”按钮,则发送电子邮件,并将表单1保存到数据库中 如果我关闭它应该拒绝并重定向到某个页面 提前谢谢 用于自动生成代码的PHP代码Javascript 我想在提交表单后打开modal?,javascript,php,jquery,twitter-bootstrap,codeigniter,Javascript,Php,Jquery,Twitter Bootstrap,Codeigniter,我想在点击表单1中的“提交”按钮后打开引导模式,如果点击模式中的“发送”按钮,则发送电子邮件,并将表单1保存到数据库中 如果我关闭它应该拒绝并重定向到某个页面 提前谢谢 用于自动生成代码的PHP代码 <?php $this->db->select_max('id'); $result= $this->db->get('numform')->row(); $result-id++; $result = "Num-".date('Ym')."-".$res
<?php
$this->db->select_max('id');
$result= $this->db->get('numform')->row();
$result-id++;
$result = "Num-".date('Ym')."-".$result->id;
?>
1) 您可以使用简单的HTML按钮并绑定表单中的单击事件,而不是表单中的提交按钮。在click事件中,获取aValue
的值,并在表单中设置隐藏值(在模式中)
2) 现在在打开的模式中绑定两个事件:1)提交表单2)拒绝表单
$(document).on('click','#ACCEPT_BTN_ID',function(){
$('#MODAL_FORM_ID').submit(); //submit the form
});
$(document).on('click','#REJECT_BTN_ID',function(){
window.location.reload(); //refresh the same page.
});
3) 在controller方法中,您可以编写发送消息和保存表单值的子函数
希望这能有所帮助。我认为您应该使用Ajax提交表单,并且根据返回值,您可以决定是显示模式还是重定向到不同的页面如何使用Ajax?因为我是ajax新手。删除表单标记,将onclick函数添加到buton并发送ajax调用。检查其返回数据。并继续进行。谢谢..我会试试这个..另一个解决方案是使用onsubmit(),然后以编程方式打开模态并在表单中返回false。接下来,在模态中的submit按钮中添加一个onclick函数,该函数将把模态中输入的值附加到表单-1中,然后提交它。这样,您将拥有所需的所有值。干杯,谢谢,我没料到。。但是如果我想对表单输入执行一些javascript条件,比如“点击这个按钮id$('#你的按钮id')。点击('click',函数(e){var xyz=document.getElementById('xyz')。value;var abc=document.getElementById('www')。value;if(xyz>=abc){alert(“xyz必须是>=abc”)}e.preventDefault();});@MN-请再解释一下你的问题。
$('#YOUR_BUTTON_ID').on('click',function(e){
e.preventDefault();
var aValue= $('#aValue').val(); //grab the value
$('#HIDDEN_INPUT').val(aValue); //set this is has hidden value in the form
$('#emailModal').modal("show"); // open the modal
});
$(document).on('click','#ACCEPT_BTN_ID',function(){
$('#MODAL_FORM_ID').submit(); //submit the form
});
$(document).on('click','#REJECT_BTN_ID',function(){
window.location.reload(); //refresh the same page.
});