有没有办法在没有onsubmit()的情况下在提交时触发javascript函数
在没有使用 onsubmit() 的情况下，可以使用 JavaScript 的 addEventListener() 方法在表单提交时触发函数。以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<script>
function handleSubmit(event) {
event.preventDefault(); // 阻止表单默认提交行为
console.log("表单已提交");
// 在这里添加您的代码逻辑
}
function init() {
const form = document.getElementById("myForm");
form.addEventListener("submit", handleSubmit);
}
document.addEventListener("DOMContentLoaded", init);
</script>
</head>
<body>
<form id="myForm">
<input type="text" placeholder="输入文本">
<button type="submit">提交</button>
</form>
</body>
</html>在这个示例中，我们首先创建了一个名为 handleSubmit 的函数，该函数将在表单提交时被触发。在 handleSubmit 函数中，我们使用 event.preventDefault() 阻止了表单的默认提交行为，然后添加了自定义的逻辑。
接下来，我们创建了一个名为 init 的函数，该函数在页面加载完成后运行。在 init 函数中，我们通过 document.getElementById 获取表单元素，并使用 addEventListener 方法为表单添加了一个 "submit" 事件监听器，该监听器将在表单提交时触发 handleSubmit 函数。
最后，我们使用 document.addEventListener 监听 "DOMContentLoaded" 事件，以确保在页面加载完成后运行 init 函数。
相关·内容
我希望写一个javascript函数，当用户提交表单时将触发，但是我没有对提交按钮的编辑访问权限，所以我可以添加onsubmit函数。我可以添加一个<script>标记，所以如果我可以检测到提交，那么我就可以执行我的代码。有人知道怎么做吗？
浏览 3提问于2009-02-27得票数 1
回答已采纳
有没有一种方法可以在不使用document.getElementsByName、document.getElementById或类似的情况下在onsubmit函数中获得所有提交的名称和值？
浏览 0提问于2014-02-07得票数 0
你好，我想知道如何使用我知道的标签提交表单但是当我在表单上尝试javascript验证时，例如
<form method="post" onsubmit="valid
浏览 1提问于2013-05-02得票数 3
回答已采纳
这是我遇到的第一个堆栈溢出问题。我正在尝试建立一个登录页面(做一个完整的堆栈应用程序与节点快速mongodb mongoose)和前端是反应。我遇到了一个问题，在我单击输入字段并单击输出之前，输入字段css不会注册。我正在使用Formik开发我的表单。我基本上有两个问题:如何解决这个问题，以及如何对运行在localhost:3003上的后端服务器进行API调用。"; <Formik
initialVal
浏览 0提问于2019-11-24得票数 0
当表单中有多个提交按钮时，有没有办法知道哪个按钮触发了onsubmit事件而不向按钮本身添加代码？
编辑：，我需要在客户端进行检查，即使用JavaScript。
浏览 3提问于2010-08-21得票数 11
回答已采纳
1回答
但不是正确的那个。我不知道这是否准确，但我看到只有2%的用户启用了javascript。我尽量远离javascript。有没有办法在不使用javascript的情况下在回车时提交文本区域？非常感谢您的帮助。谢谢!
浏览 1提问于2015-04-09得票数 0
1回答
我正在制作一个表单，当填写它时，会创建一个警告，告诉您它是成功的，用户将被重定向到哪里。问题是，此警报似乎“阻塞”了铬“请填写此字段”弹出输入字段的required属性，但没有填写。IE仍然显示弹出后警报，我还没有能够尝试火狐.sendemail.php"> <input type="submit" name=&qu
浏览 2提问于2017-07-13得票数 1
回答已采纳
我有一个表单，其中包含用户input.In的一些字段，这个表单我有每个输入控件的Asp.net验证控件。一些验证器是自定义验证器，用于处理相关JavaScript函数中的内部验证逻辑。现在我想使用下面的代码来确保表单在表单onsubmit事件被触发时是有效的： retur
浏览 2提问于2013-10-08得票数 0
2回答
我现在要做的是使用action="“等提交表单。使用onSubmit，甚至在javascript函数validate()中进行表单验证。不过，目前它将同时提交表单和验证。我希望发生的情况是，它不提交表单，或者在进入验证函数后立即取消表单。然后，如果表单有效，则提交表单。这就是我想做的事情背后的逻辑
function v
浏览 0提问于2014-04-27得票数 0
所以，当我使用JS并尝试提交输入时，我尝试了一些事情，有些奇怪的事情我不理解逻辑。
在<form>标记的内部和外部存在着<input tpye="submit/>的区别。如果它在表单标记中，我需要使用preventDefault()函数，但是如果它是外部表单标记，如果编写简单的js普通代码，我就不需要这样做。为什么？，，onsubmit和onclick有什么区别？特别是在表格标签里。因为如果
浏览 3提问于2019-12-05得票数 0
回答已采纳
5回答
当用户使用Tab键进入该字段时，将显示日历。日历上有几个按钮(可以移动到上个月/下个月)。当用户点击这些按钮中的一个时，日历会相应地更新，但-表单也会提交！除了日历本身和它所附加的文本输入字段之外，日历代码中没有任何内容涉及任何内容，更不用说提交表单了！如果有任何关于以下问题的线索，我将不胜感激：
1)在这样的环境下，什么可能会提交表单？2)除了单击submit按钮或按enter键之外，通常还有什么事情可以
浏览 3提问于2012-08-10得票数 16
回答已采纳
我正在尝试理解一个现有的软件，并且已经理解了以下几个方面：以前，当我使用表单时，action有一个值，例如一个页面名，所以我可以计算出代码的去向。
在这种情况下，action没有值。从
浏览 4提问于2016-01-08得票数 0
回答已采纳
4回答
我对如果jsp页面onclick()调用JavaScript方法有一些疑问。我有两种情况
这两种类型的JavaScript方法调用的区别是什么？
浏览 4提问于2012-11-20得票数 1
回答已采纳
我有一个ASP.Net MVC Ajax.BeginForm，当我单击submit按钮时，它会正确地提交和更新我的页面。
问题是我需要额外的事件来做同样的事情，比如当它们改变输入的文本时。附加事件确实正确地提交了表单，但是它们绕过了Ajax.BeginForm在表单标记上生成的onsubmit javascript。下面是由Ajax.BeingForm生成的表单标
浏览 0提问于2008-11-05得票数 2
回答已采纳
我已经使用JavaScript事件处理程序成功地使用了confirm()。.);" /><form onSubmit="return confirm(....);">
现在我的问题是，有一种特殊情况，我想通过不单击和只使用document.myform.submit()提交表单，但是当我这样做时，它似乎绕过了onSubmit</em
浏览 2提问于2014-01-13得票数 0
回答已采纳
有没有办法在没有表单或提交按钮的情况下在同一页url上传递文本框值?我有javascript function，但此function适用于drop down values not for text box values?，我需要在没有表单和提交按钮的情况下在同一页url上发送文本框值
现在这是下拉页面中的页面下拉值在</
浏览 1提问于2013-03-30得票数 1
1回答
有办法拦截JavaScript?触发的表单提交吗？
我试图通过执行一些客户端验证来减少来自机器人的垃圾邮件提交(如果有关系的话，可以借助reCAPTCHA v2 )。当用户提交表单时，我可以通过检查通过表单的reCAPTCHA属性指定的方法中的标志来确认输入数据已被验证( onSubmit已被填充).表单提交事件似乎没有被<em
浏览 0提问于2019-03-12得票数 1
我在一个简单的ASP.NET页面上写道： jQuery("form").submit(function() { return false});
当我提交(通过点击按钮、链接等)时，我永远看不到警告框。asp.net页面中是否有什么东西“绕过”了提交(我想到的是dopostback javascript
浏览 1提问于2009-04-02得票数 1
回答已采纳
3回答
我正在使用下面的代码来实现一个iframe，它允许在不刷新表单的情况下在提交表单时上传ajax文件。这与预期的一样工作function init() { document.getElementById('form').target = 'ifram
浏览 0提问于2011-09-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
