Question

我有一个简单的php表单，它的动作链接是另一个php文件/页面。我想在将PHP表单发送到它的操作页面之前显示一个弹出窗口。我尝试了onsubmit，onclick，但没有任何效果。

这是我的表格

<form method="post" action="/actions.php/" data-js-validate="true" data-js-highlight-state-msg="true" data-js-show-valid-msg="true">
    <input type="text" name="amount[]" placeholder="Amount" class="inputChangeVal" data-js-input-type="number" />
    <button class="btn" type="submit" name="confirm" >Pay Now</button>
</form>

此表单将金额值发送到actions.php

但在发送之前我想展示一个显示＆＃39; 编辑＆＃39; ，＆＃39; 继续＆＃39;使用此消息＆＃34; 您即将进行在线支付。点击＆＃39;编辑＆＃39;在继续之前查看数据或点击“继续”＃39;确认付款细节。＆＃34;

如果用户点击了＆＃39; 修改＆＃39;应停止表单提交，并关闭弹出窗口。

如果用户点击＆＃39; 继续＆＃39;表格应该将数据提交给action.php

我试过了：

<button class="btn" type="submit" name="confirm" onclick="return foo();">Pay Now</button>

<script>
    jQuery( document ).ready(function() {
        function foo()
            {
               alert("Submit button clicked!");
               return true;
            }
    });
</script>

这不起作用..

我试过

<form method="post" action="/actions.php/" data-js-validate="true" data-js-highlight-state-msg="true" data-js-show-valid-msg="true" onsubmit="return foo()">

也行不通..

两者都只是转到actions.php

如何显示弹出窗口，然后根据选择发送表单？

Answer 1

基本上我看到实现这一点的最好方法是使用bootstrap模式，所以你需要做的是在单击按钮时停止提交表单，然后使用jquery显示引导模式，然后你将表单将有两个按钮，一个编辑，然后将有data-dismiss="modal"，它将关闭模态并显示表单，然后单击继续按钮，你将只强制表单使用jquery以及{{1这告诉表单提交给表单操作。

$('form').submit();

    $('document').ready(function(){
    
    	$('#payBtn').on('click',function(e){
    		e.preventDefault();
    		$('#myModal').modal('toggle');
    
    	});
    
    	$('#continuebtn').on('click',function(){
    
    		$('form').submit();
    	});
    });

Answer 2

您可以使用javascript警报来实现目标。你的php不会直接调用其他php，而是一个javascript方法，然后显示带有2个按钮的警报。查看https://www.w3schools.com/js/js_popup.asp因为它可能比我更好地描述它。

祝福，

ESSI

Answer 3

请检查它现在的工作情况。你不需要document.ready只需添加到js文件或标签！

＆＃13;

function foo()
            {
               if(confirm('You\'re about to make a online payment. Click "Cancel" to review the data before proceeding or click "Ok" to confirm the details for payment.'))
               {
                 alert("confirm ok");
                 document.getElementById("form_id").submit();// Form submission
               }
               else {
                     return false;                   
               }                                      
            }

＆＃13;

<form method="post" id="form_id" action="/actions.php/" data-js-validate="true" data-js-highlight-state-msg="true" data-js-show-valid-msg="true">
    <input type="text" name="amount[]" placeholder="Amount" class="inputChangeVal" data-js-input-type="number" />
    <button class="btn" type="submit" name="confirm" onclick="foo();" >Pay Now</button>
</form>

＆＃13;

如何显示弹出窗口然后发送PHP表单？

3 个答案: