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

Question

描述:

目前我有一个 html 文件，其格式如下:

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

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

问题:

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

问题:

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

是否存在绑定(bind)类似内容的方法:

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

Answer 1

将您的 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*/
});