Jquery表单提交后与设置提交按钮


Jquery form submit after confirn with setting submit button

我正在使用JQuery和SimpleModal Confirm Modal Dialog在上传前显示确认框。表单提交正常,但由于我正在检查 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(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 提交表单后,实际的提交按钮不会添加到帖子数组中。 任何帮助将不胜感激。

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

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

发送隐藏的输入。

我已经尝试过您的代码,它工作正常,伙计

我只使用一页来使用您的代码。 最重要的是,我把你的PHP代码放在 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>