Question

我试图设置一个延迟，当用户在提交之前点击表单上的提交..我有一个图像显示以测试点击事件，它工作正常，但表单永远不会提交... < / p>

这是我的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

Answer 1

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

将按钮重命名为

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

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

.submit（）在setTimeout之后没有提交表单

1 个答案: