如何从外部文件运行函数作为表单的操作？

描述：

目前我有一个 html 文件，其形式如下：

<form id="my_form" action="javascript:OnAction()" method='post' >
</form>

我在 script.js 等外部文件中有 javascript 函数“OnAction()”。

Problem:

如果 OnAction() 函数位于外部文件中，则不会运行该函数（在 html 中运行此函数）。 运行外部文件中的其他脚本（这意味着脚本文件已正确连接）。

问题：

如何在表单的操作上运行 OnAction() 函数并将其保存在外部文件中？

存在绑定类似的方法：

$('#my_form').on('action', function() {
    // OnAction here
});

将您的 HTML 更改为：

<form id="my_form" action="" onSubmit="OnAction()" method='post'></form>

你只需要这样做：

function OnAction() {
    // OnAction here
};

或者更好的方法是将您的事件与 Jquery 一起放置：

HTML:

<form id="my_form" action="" method='post'></form>

JS:

$("#my_form").on("submit", function() {
    /* OnAction here*/
});