当前位置: 首页 > 面试题库 >

表单提交执行JavaScript最佳做法?

司空学智
2023-03-14
问题内容

我想在提交表单时运行JavaScript函数。问题在于,提交表单后,将重新加载页面,并将表单值作为GET参数附加到URL。我希望它保留在当前页面上,仅运行JavaScript函数。

我想知道什么最佳实践(或您做什么),以避免重新发送页面和发送参数。


问题答案:

onsubmit提交表单后,使用该事件执行JavaScript代码。然后,您可以返回false或调用传递的事件的preventDefault方法来禁用表单提交。

例如:

<script>
function doSomething() {
    alert('Form submitted!');
    return false;
}
</script>

<form onsubmit="return doSomething();" class="my-form">
    <input type="submit" value="Submit">
</form>

这可行,但是最好不要用JavaScript乱涂HTML,就像您不应该编写很多内联CSS规则一样。许多Javascript框架促进了关注点的分离。在jQuery中,您可以使用JavaScript代码绑定事件,如下所示:

<script>
$('.my-form').on('submit', function () {
    alert('Form submitted!');
    return false;
});
</script>

<form class="my-form">
    <input type="submit" value="Submit">
</form>


 类似资料:
  • 问题内容: 我希望HTML表单在提交后不执行任何操作。 这是不好的,因为它会导致页面重新加载。 基本上,我希望每当按下按钮或有人在键入数据后单击“输入”时都调用ajax函数。是的,我可以删除表单标签并添加,只需从按钮的onclick事件中调用该函数即可,但是我也希望“命中进入”功能而不会引起任何麻烦。 问题答案: 通过在通过“提交”按钮调用的javascript中使用,可以停止提交表单。 基本上,

  • 问题内容: 我正在使用scrapy框架来抓取网站,并且无法单击javascript链接来打开另一个页面。 我可以将页面上的代码标识为: 谁能建议我如何在Scaroy中执行该javascript并通过我获得另一页,我可以从该页中获取数据。 提前致谢 问题答案: 检出以下有关如何将selenium一起使用的摘要。爬网速度会变慢,因为你不仅要下载html,还可以完全访问DOM。 注意:由于先前提供的链接

  • 我有一个登录表单,它与一起工作,并连接到。问题是它被提交了两次。请查看以下内容。 JavaScript代码 我的HTML表单 下面是我的servlet(提交表单的地方),如果你感兴趣的话 在我的IDE控制台中,输出如下(输出由打印)

  • 我正在做一个Django项目,其中一个表单不会提交。我发现罪魁祸首是一些JavaScript,它格式化了货币输入(当我移除JS或移除输入时,它提交) 这是我的简化表单--JS来自html5货币/货币输入

  • 获取Form变量 通过Action的如下方法可以获取变量: GetSlice GetString GetInt GetBool GetFloat GetFile GetForm 自动映射 通常我们通过http.Request.Form来获得从用户中请求到服务器端的数据,这些数据一般都是采用name,value的形式提交的。xweb默认支持自动将这些变量映射到Action的成员中,并且这种映射支持子

  • 问题内容: 我有一个ID为ID的表单,该表单具有以下div,其中包含一个Submit按钮: 单击后,将调用该函数。该函数将上述div的innerHTML更改为“ processing …”(因此,提交按钮现在消失了)。 上面的代码有效,但是现在的问题是我无法提交表单!我试着把它放在函数中: 但这是行不通的。 我该如何提交表格? 问题答案: 将表单的属性设置为,代码即可正常工作。