问题标签 [onsubmit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
200 浏览

javascript - 如何区分 JS 提交和使用后退按钮(onbeforeunload)?

我对 onbeforeunload 和 form.submit() 快疯了。你是我对绝妙主意的最后希望...

我有的是一个表格。如果用户点击后退按钮,这会带来很多麻烦,所以 window.onbeforeunload 会显示警告。当然应该允许提交表单,因此 form.onsubmit 设置了一个全局变量来告诉 onbeforeunload 函数关闭。到目前为止还好。

有时表单必须通过 JS 自动提交。而且我无法访问调用 form.submit() 的函数——或者更准确地说——用户将创建一些可能包含 form.submit() 的简单代码。

关键是 form.submit() 根据规范确实不会触发表单的 onsubmit 事件。因此,尝试通过 form.submit() 发送表单会定期告诉我考虑关闭页面。

所以回到我的希望:有没有人知道如何解决这个恶性循环?

非常感谢 BurninLeo

0 投票
2 回答
225 浏览

javascript - Opera 无法识别绑定到表单“提交”事件的事件处理程序

编辑:这个问题很愚蠢,因为我在其他地方犯了一个错误导致它。

我决定今天在 Opera 上测试我的网站,发现它在 Chrome 和 FF 中运行良好。所以我下载了最新的 Opera for Ubuntu 并尝试登录我的网站。BLEH。

由于某种原因,它无法识别我绑定到表单的“提交”事件的任何功能,我需要验证等。我通常addEvent(element, eventtype, callback)会执行对addEventListeneror的相关调用attachEvent

正如我所说,这在 Chrome 和 Firefox 中都能完美运行。我什至试过

但完全没有反应。因此,它甚至不是像我最初想到的那样停止默认操作,而是实际上根本没有绑定事件!关于上面的例子,我可以确认loginForm确实包含对实际表单元素的引用。

有人知道 Opera 发生了什么吗?

编辑:下面是我的addEvent功能

0 投票
3 回答
468 浏览

php - jQuery 让这些函数一起工作

我是 jQuery 新手,并尝试四处寻找有关如何执行此操作的答案。我有 2 个功能,我希望两者一起工作。一个函数是 submitHandler ,它用于隐藏表单,同时将一个类添加到隐藏元素以取消隐藏 - 即感谢您提交 h1。另一个功能是抓取输入数据并在提交时显示在表单中。所以问题是我可以让那个工作,但另一个没有。即在表单提交上我可以看到数据输入,但看不到 h1 谢谢消息。

以下是功能:

提交处理程序:

onsubmit="返回输入数据()"

该表单使用 PHP 和 jQuery - 我不了解 AJAX,但经过一些阅读后更加不确定。请帮助我,我不知道自己在做什么,目前我正在学习,但对我来说仍然是一条漫长的道路。

谢谢

表格:

PHP位:

$subject = "网站联系表查询";

//如果表单提交 if(isset($_POST['submit'])) {

} ?>

Jquery 验证位:

这是完整的 jQuery 位:

}); });

最新编辑 - 看起来像这样:

});

0 投票
2 回答
6746 浏览

jquery - 表单提交上的jQuery更改元素类

我已经为此工作了一段时间,但一无所获。所以请帮助我确定这是一件简单的事情。

我有一个表格,使用 PHP 和 Jquery。当您提交表单时,我希望显示一个“谢谢”标题 > 它当前隐藏。表单只能在成功验证后提交 - 我正在使用验证器。

这里重要的是我要了解如何在成功提交时更改课程。所以 display: none 在我的 CSS 中的元素可以显示。

感谢您的帮助:)

0 投票
2 回答
37261 浏览

javascript - 表单 onsubmit 与提交按钮 onclick

更新 来自@BrendanEich ‏</p>

@mplungjan onclick 提交只是不属于按钮;提交表单显然更好。


使用提交按钮的 onclick 来确定是否应该提交表单的原因是什么?

我坚信

  1. 在提交之前执行某些操作并在出错时取消提交,表单的 onsubmit 事件是放置它的明显位置
  2. 如果您使用提交按钮的 onclick 并稍后决定使用 type="image" 事件处理程序将在许多浏览器中失败
  3. 如果将提交更改为按钮,则还必须将提交添加到 onclick 事件处理程序。

我正在寻找强有力的理由来更喜欢使用提交按钮的 onclick 事件而不是表单的 onsubmit。

更新:请注意,我个人非常了解有关表单提交和验证的许多问题。

例如通过javascript提交不会触发onsubmit http://jsfiddle.net/mplungjan/3A4Ha/

此外,如果您在我的小提琴中按回车键,IE 也不会触发 onclick


历史:

在这里进行了讨论

html按钮在没有被禁用的情况下不可点击

我非常不喜欢使用任何东西的提交按钮的onclick,因为多年来看到这在许多浏览中不起作用,主要是旧版本的 IE。我列出了一些明显的原因,但我相信他们不会说服硬化的用户。

SO 的社区可以帮我把这个钉在墙上,就像他们钉 w3schools 一样吗?也可以随意就我如何以可接受的方式表达这个问题发表评论。


1:从 NS2.x 和 IE3.02 开始

0 投票
7 回答
1803 浏览

jquery - Ajax 提交页面刷新

我一直在发疯,我似乎不知道如何在通过 ajax 提交表单时阻止页面刷新。

我已经设置了一个 jsfiddle 供您查看:此链接

我已经完成了 event.preventDefault() 并返回 false;但似乎无法让它工作。我只是愚蠢吗?

最终结果应该是,当提交表单时,表单区域应该消失并被“隐藏的”ajax_message 取代,简单的读作是:“检查你的手机”。

提前感谢您保存我的发际线:)

0 投票
3 回答
2995 浏览

javascript - Onsubmit 验证更改背景所需的字段?

任何人都知道使用 Javascript 的一个很好的教程/方法,onSubmit,更改所有空字段的背景颜色class="required"

0 投票
1 回答
609 浏览

javascript - 如何使用 Javascript 根据内容查看和更改表单的提交值?

我想在提交表单时根据其内容更改输入字段的值。

目前我有这个,并期望我离我真正需要的东西还有很长的路要走,似乎找不到我想要的信息来让它们一起工作。

任何帮助表示赞赏。

基本上我想检查用户是否在其值的开头包含了“CW-”(或者实际上是该 cw-cW-Cw- 的任何情况变体)。如果他们只是按原样返回值。如果没有,我想添加 CW-。

经过一番阅读,我尝试了 indexOf 方法,但我并不真正了解 javascript,并且确信我做错了什么。

0 投票
1 回答
433 浏览

javascript - 无法在 safari 的 onsubmit 表单事件中使用 javascript 加载图像

我想在表单事件“onsubmit”中加载带有 JS 的图像,而无需取消表单的提交操作。

我要做的是:

这个逻辑对我来说是必须的,我的意思是我不想使用 settimeout 来推迟表单提交,并且我必须以这种方式调用 URL_FOR_PHP_SCRIPT_TO_DO_SOME_LOGIC,因为此代码位于来自不同域的 JS 文件上。这个逻辑在所有浏览器上都可以正常工作,并且发送调用图像的请求——这正是我需要的——但是在 safari 上它不会调用图像请求,而是直接开始发布表单。当浏览器是 safari 时,我尝试在包含表单的页面上添加一个“onunload”事件,但这也没有帮助,并且表单仍然直接提交数据而不开始发送加载图像的请求。

0 投票
1 回答
351 浏览

javascript - 在html中嵌入javascript函数

我想在提交表单之前使用确认框供用户检查。我在我的脚本中使用以下表单标签:

但它不起作用,点击“提交”按钮后,“delete.php”将被执行。谁能帮我弄清楚我哪里出错了?我想知道是不是因为这个“确认”功能是某种内联样式,我需要在<head>标签中做一些参考?谢谢!