.submit（）在setTimeout之后不提交表单[重复]

Posted 2023-02-21

【中文标题】.submit（）在setTimeout之后不提交表单[重复]

【英文标题】：.submit() not submitting form after setTimeout [duplicate]

【发布时间】：2013-02-17 10:29:59

【问题描述】：

当用户在提交之前单击表单上的提交时，我试图设置延迟。我有一个显示的图像来测试点击事件，它工作正常，但表单从不提交...

这是我的 html 表单：

<form class='loginForm1' action='verify_credentials.php' method='post'>
    <fieldset>
        <legend>Log into Answer Tree</legend>
        <label>Username</label>
        <input class='inputs' name='username' type="text" placeholder="Enter username...">
        <label>Password</label>
        <input class='inputs' name='password' type="text" placeholder="Enter password...">
        <label class="checkbox">
            <input type="checkbox">Remember me</label>
        <button id='submit' type='button' class="btn btn-success">Submit</button>
    </fieldset>
</form>

这是脚本：

$(document).ready(function () 
    $(".containerLogin img").hide();
);

$(function () 
    $("#submit").click(function () 
        $(".containerLogin img").show();
        setTimeout(submitForm, 1000);
    );
);

function submitForm() 
    $(".loginForm1").submit();

我收到此错误消息：

Uncaught TypeError: Property 'submit' of object #<HTMLFormElement> is not a function

【问题讨论】：

好吧，.delay(2000).$('.loginForm1') 的语法是错误的一，二，.delay() 只会延迟动画。您应该按照问题标题中的建议使用 setTimeout。

你有两个打开的<fieldset>标签，fieldset应该在<form>里面。

srry 添加了错误的代码...这是我遇到的问题

控制台有错误吗？

我刚刚更改了字段集...仍然没有运气

【参考方案1】：

您的按钮命名有问题，它会覆盖 submit() 处理程序。

将按钮重命名为

<button id='btnSubmit' type = 'button' ...

并更改您的选择器以匹配。

【讨论】：

是的，这样做了，哈哈，谢谢，当.. :)