javascript - 如何在不重定向的情况下提交多 HTML 表单

标签 javascript php jquery html forms

我使用的是这个表格

<form action="upload.php" enctype="multipart/form-data" method="post">
        <p class="act-large act-center">Name:&nbsp;<input id="uploaderName" name="uploaderName" required="required" type="text" /></p>

        <p class="act-large act-center">Choose file to send: <input id="fileToUpload" name="fileToUpload" type="file" /> <input name="submit" style="vertical-align:middle" type="submit" value="Send" /></p>
        </form>

并导入Js

<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
    var upload = $("#fileToUpload").val();
    $.post("upload.php", {text: upload});
    $("#fileToUpload").attr("value", "");
    $("#uploaderName").attr("value", "");
    return false;
    });
});
</script>

但是当我提交表单时,它不断重定向到 upload.php 有人知道这个问题吗?请帮助我,这是我的作业。

最佳答案

您没有在输入中声明 id="submit",请尝试以下操作:

<form action="upload.php" enctype="multipart/form-data" method="post">
        <p class="act-large act-center">Name:&nbsp;<input id="uploaderName" name="uploaderName" required="required" type="text" /></p>

        <p class="act-large act-center">Choose file to send: <input id="fileToUpload" name="fileToUpload" type="file" /> <input name="submit" style="vertical-align:middle" type="submit" value="Send" id="submit"/></p>
        </form>

关于javascript - 如何在不重定向的情况下提交多 HTML 表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45773477/

相关文章:

javascript - <img> 使用 jQuery 和 Slides 插件加载时间过长

javascript - 使用命名空间时 Socket.io 客户端忽略端口 [错误?]

javascript - 为什么我的测试没有加载页面对象文件? (守夜人.js)

javascript - typeof 返回的自定义值

php - 从所有表中获取所有 PRODUCT_TYPE = "cars"

javascript - 根据 jQuery,我的自定义函数不是函数

javascript - Js-interop pub安装失败

javascript - laravel ajax 404页面未找到

php - 如何在 PHP 中获取想要的格式

php - DataTables 导出 MySQL 表中的所有记录