Question

我正在使用JQuery和SimpleModal确认模式对话框在上传前显示确认框。表单提交正常，但因为我正在检查PHP中的isset提交按钮，因此它失败了。如何使用设置提交按钮使用JQuery提交帖子。这是代码

HTML

<form enctype="multipart/form-data" action="#duc" method="post" id="uploadform" >
    <input name="file" type="file" >
    <input name="Submit_upload" type="submit" value="Upload" id="Upload" >
</form>

JQuery的

jQuery(function ($) {
  $('#Upload').click(function (e) {
    e.preventDefault();
    confirm("Continue to the Upload?", function () {
        $('#uploadform').submit();
    });
  });
})

PHP

if(isset($_POST['Submit_upload']) && $_FILES['file']['name'])
{
    // file uploading process.
}

我认为在确认JQuery提交表单后，实际的提交按钮没有添加到post数组中。任何帮助将不胜感激。

Answer 1

当您通过.submit提交表单时，type=submit输入值不会同时发送。有很多不同的方法来解决/处理这个问题。一个是做：

<input name="Submit_upload" type="hidden" value="true">
<input type="submit" value="Upload" id="Upload">

隐藏的输入将发送。

Answer 2

我已经尝试过你的代码而且工作正常

我只使用一个页面来使用您的代码。在顶部我把你的PHP代码然后jquery代码放在jquery.in之后，然后html部分和它的工作正常，为什么它不能在你的机器上工作可能你清理缓存或浏览器; 这是我的代码

<?php
if(isset($_POST['Submit_upload']) && $_FILES['file']['name'])
{
   echo $_POST['Submit_upload'];die;
}
?>
<html>
<head>
<script src="jquery.min.js" type="text/javascript"></script>


<script>
jQuery(function ($) {
$('#Upload').click(function (e) {
e.preventDefault();
confirm("Continue to the Upload?", function () {
    $('#uploadform').submit();
 });
});
})
</script>

</head>
<body>
<form enctype="multipart/form-data" action="#duc" method="post" id="uploadform" >
    <input name="file" type="file" >
    <input name="Submit_upload" type="submit" value="Upload" id="Upload" >
</form>


</body>

</html>

设置提交按钮确认后，Jquery表单提交

2 个答案: