如何在 Javascript 中触发表单提交?

Posted

技术标签:

【中文标题】如何在 Javascript 中触发表单提交?【英文标题】:How do I trigger Form Submission in Javascript? 【发布时间】:2012-02-06 00:25:20 【问题描述】:

我已经初始化了我的表单提交,如下所示:

$(document).ready(function() 
   $("#my_form").submit(function(e) 
         ...
         ...
   

正如您在上面看到的,它位于$(document).ready(...)。当用户在 UI 上按下“提交”按钮时,表单将被提交。

但是,除了用户输入(例如,按下 UI 上的提交按钮),我还如何在 javascript 中触发此表单提交?

【问题讨论】:

【参考方案1】:

在表单上调用submit() DOCs 方法。

$("#my_form").submit();

【讨论】:

【参考方案2】:

您可以使用$("#my_form").submit();

【讨论】:

【参考方案3】:
 $(document).ready(function () 
        $("#SubmitForm").click(function (e) 
            var textContent = $("#TextContent").val();
            textContent = jQuery.trim(textContent);
            if (textContent == "") 
                alert("Content field cannot be empty.");
                $("#TextContent").focus();
                return false;
            
            else $("#my_form").submit();
            
        );
    );

【讨论】:

以上是关于如何在 Javascript 中触发表单提交?的主要内容,如果未能解决你的问题,请参考以下文章

javascript 模态 - 触发表单提交

Javascript未从动态生成的表单提交数据

在不使用提交按钮的情况下触发标准 HTML5 验证(表单)?

为啥javascript触发提交表单(方法获取,目标空白)打开弹出窗口而不是新标签?

如何禁止按回车键提交表单

如何禁止按回车键提交表单