如何防止在表单提交上调用函数时加载页面？
要防止在表单提交上调用函数时加载页面，可以采取以下方法：
- 使用JavaScript事件对象的preventDefault()方法。在表单提交事件的处理函数中，调用该方法可以阻止表单默认的提交行为，从而避免页面刷新。
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 执行其他操作，如数据验证、异步请求等
});- 通过ajax异步提交表单。使用ajax技术可以实现无刷新提交表单数据，从而避免页面加载。
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 获取表单数据
var formData = new FormData(this);
// 发送ajax请求
var xhr = new XMLHttpRequest();
xhr.open('POST', 'your-api-endpoint', true);
xhr.onload = function() {
if (xhr.status === 200) {
// 请求成功处理
} else {
// 请求失败处理
}
};
xhr.send(formData);
});在这种情况下，需要在服务器端相应的API中接收并处理表单数据。
以上是两种常见的方法来防止在表单提交上调用函数时加载页面。通过阻止表单默认提交行为或使用ajax异步提交表单数据，可以实现在不刷新页面的情况下处理表单数据，提升用户体验。在实际应用中，可以根据具体需求选择合适的方法来防止页面加载。
相关·内容
在Magento购物车上，有两个表单需要填写:发货预估和优惠券代码。每个都会在提交表单后刷新页面。运输估算表需要在优惠券表单之前提交，以便优惠券可以验证国家/地区。
我想做的是在加载时调用发货表单的coShippingMethodForm.submit()。这样就加载了国家，然后优惠券表单将检查国家。这具有额外的优点，即无需用户提交表单即可显示初始运费。
我的挑战是:如果我在加载时调用coShippingMethodForm.submit()，它会刷新页面，然后不断刷新b/c，coShippingMethodForm.submit()会不断提交和刷新。
如何调用函数一次，页面刷新，然后不再运行
浏览 0提问于2010-08-11得票数 0
回答已采纳
我想在ajax成功上提交一个ajax表单，这意味着我不想在ajax成功提交表单时重新加载该页面。我试过了
if (response.success == true ) {
$form = $("#formname");
var form = $form.serializeArray();
form.push({
name: window.csrfTokenName,
value: window.csrfTokenValue
})
页面没有在上面重新加载，但是表单也没有提交。我也尝试过document.form'formname'.submit()，但
浏览 2提问于2017-03-29得票数 0
目标：
我正在尝试使用javascript构建一个简单的搜索表单。
按下“提交”按钮后，应在页面上加载子页面(博客文章)：
这个原型可以在这里找到：
问题：
按下“提交”后，网页不显示任何已加载的内容。
有时，我可以看到增加的文字一刹那，又消失了。此外，我在表单中键入的所有文本都消失了。这使我得出结论，网页正在正确更新，但在脚本执行后立即重新加载，这将删除所有添加的内容。
注意，当我按Submit时，"test“会出现一秒，然后再次消失。
代码：
最低可重现性样品：
html：
<main>
<form onsubmit="LoadAr
浏览 4提问于2021-01-18得票数 0
回答已采纳
一个小问题，我找不到解决办法(也许我搜索错了关键字)：
的情况：
我通过点击Enter键(13)来阻止表单的提交。需要注意的是，该表单将由AJAX提交，因此将不会重新加载页面.。
防止Enter键是一项简单的任务，它可以：
$(document).on('keypress', 'input', function (e) {
if (e.which === 13) {
return false;
}
});
问题：
由于return false.，下一个输入的重点不在工作。
如果我省略了return false部分，那么表单自然是由
浏览 1提问于2016-05-07得票数 1
回答已采纳
我在每一页上都有这个jquery：
$(window).load(function(){
// PAGE IS FULLY LOADED
// FADE OUT YOUR OVERLAYING DIV
$('#overlay').fadeOut();
});
当页面完全加载时，它会淡出一个div。
在所有页面上，我都有一个表单和这个Jquery代码：
<script type="text/javascript">
$(document).ready(function() {
$("#message
浏览 3提问于2013-12-17得票数 0
回答已采纳
我不明白为什么下面描述的提交事件没有在FireFox和IE上触发。好的，铬
$(“#框架-右”).on(“提交”、“表单”、函数(事件){警报(‘提交完成’) })；
你能帮帮我吗?
编辑
表单是通过按"submit“按钮提交的，但是表单包含在通过.load()函数加载的页面中，并且在定义上述函数时不存在。
FYI，在同一位置，我定义了这个功能，它在所有浏览器上都能正常工作。
$("#frame-right").on("click","a",function(event){
alert('link clicked'
浏览 3提问于2012-07-31得票数 0
回答已采纳
对于struts 1.3框架，我做了很多关于“如何防止页面重加载重复表单提交”的搜索。
同时，我发现struts2使用了一种调度类型，即“重定向”，这是一个内置的功能，用于防止页面重新加载上重复的表单提交。
我想知道详细的功能。如果有人能解释一下，“重定向”分派类型背后的内部处理是什么，以及struts2如何检测和防止表单重新提交。
浏览 1提问于2013-10-21得票数 0
回答已采纳
3回答
窗体不提交加载回调。
、、、
我有困难加载一个页面在一个iframe作为一个回调，以形成提交。当我在没有回调的情况下提交表单时，提交很好，但是当我试图在提交表单后加载页面时，表单不会提交。
以下工作：
$("#new_explanation").on('submit', function(ev){
});
以下内容不起作用：
$("#new_explanation").on('submit', function(ev){
$('#lastExplanation').load("http://localhost:3000/last
浏览 3提问于2013-11-05得票数 0
回答已采纳
我正在尝试嵌入两个‘loaded’，一个在页面加载时，另一个在用户在加载的页面上提交表单时。
脚本如下所示，它位于<head>内部。
<script type="text/javascript">
// loader on form submit
$(document).ready(function(){
$('#myform').submit(function() {
$('#loaderImage').show();
return true;
});
});
// the page load
浏览 2提问于2016-12-12得票数 0
我在学习反应。我用react bootstrap制作了这个表格。提交表单时，我试图输出在窗体中输入的数据，以便显示在控制台上。提交表单时，数据会在较短的时间内显示，但随后页面重新加载，控制台变为空白。
这是我的密码
import React, { Component } from 'react';
import classes from './Admin.css';
import { Form, Button, Container } from 'react-bootstrap';
class Admin extends Component {
浏览 2提问于2022-03-20得票数 0
回答已采纳
1回答
阻止不带内容的Ajax表单提交
、、、、
我正在尝试一些客户端验证，以防止在对象没有值的情况下发生表单提交。我已经为此埋头苦干了一段时间了，但是没有得到一个令人满意的解决方案。
我的表单提交Js如下所示：
$(document).ready(function () {
$('#localUsersDateTime').val(setLocalDateTime());
$('#createentry').ajaxForm({
beforeSubmit: checkTextObjHasValue($('#newentry'), 'You need
浏览 1提问于2013-05-07得票数 2
回答已采纳
我有一个方法
toggleDrawer(此)
这将在我的网页上展开一个小窗口组件。它有一个+图标，当单击该图标时，将展开窗口并替换为-。
在这个窗口组件中还有一个表单和一些过滤器选项，当提交时，它会重新加载页面，因此当它重新加载时，它会显示窗口组件，而不是展开。
如何使其在提交表单时窗口仍然是打开的？
当我提交表单时，链接从转到。
浏览 0提问于2011-04-14得票数 0
回答已采纳
我在PHP4中使用C# (尽管根据公司政策，我们从不使用任何.NET控件，只使用HTML，所以我们的页面与Rails或PHP4并没有太大的不同)。
我的页面需要发出许多AJAX请求，以便根据表单上其他输入中的值填充一些<select>。AJAX请求仅仅转到简单的ASPX页面，这些页面返回从数据库检索到的<option>。当用户提交表单时，表单通过了一些验证，但失败了，我希望仍然保留他们输入的值。我目前在page_load函数中所做的是将所有POST请求的表单值存储在一个对象中，然后在页面上重新选择它们。问题是，当页面加载时，我必须重新运行所有的AJAX请求，以便我可以填
浏览 2提问于2011-06-04得票数 0
回答已采纳
我有一个带滑块的表格，人们可以用它给图片打分。表单应该在拖动滑块时提交，所以"onmousup“。这可以很好地工作。但是，应该刷新页面，以便用户所做的评分已经提交。这一切都发生在索引页面上，这样用户滚动到的位置就不会丢失。我试着让滑块像这样： <%= f.range_field :score, class:"form-control-range slider", id:"formControlRange", onMouseUp:"submit(); reload(); " %>
...
<script>
fu
浏览 54提问于2020-12-26得票数 1
1回答
我使用的是Drupal6表单，ahah用于ajax表单提交。在表单提交时，我执行一些验证，并允许用户选择在jqModal弹出窗口中显示的选项。我用于jqm弹出窗口的JS脚本是：
$(document).ready(function() {
$("#dialog").jqm();
});
并使用tag打开jqm弹出窗口。
<a href="#" class="jqModal">Choose option</a>
<div cl
浏览 3提问于2014-05-08得票数 0
1回答
我是一个php-html页面，我想用PHP改变图像动态的位置，我知道如何做，但我也希望在提交值之前有一个用户预览。我的代码：
<form class="ysize" action="phpchangesize.php" method="get" name="zs"><span style="color:#FF0000"><strong>-<input name="chsize" size="1" type="text" val
浏览 4提问于2013-09-15得票数 0
2回答
我有数据提交表单，我使用ajax post提交，在成功的时候，我想要一个消息框来显示成功，它做到了这一点，但只停留在屏幕上大约一秒钟，并加载页面默认值。如何防止在用户单击“确定”之前加载页面默认设置？这适用于默认的javascript警告框
function sendToController()
{
$.ajax({
type: "POST",
url: myUrl,
contentType: "application/json; charset=utf-8",
datatype: "
浏览 0提问于2018-01-18得票数 0
3回答
JSF和Facelets流
、、、、
我有一个动态Facelets页面，需要在页面加载时显示来自数据库的信息。在流程的这一点上，还没有任何表单提交。我能找到的每个JSF示例都只在下一页显示具有动态结果的表单提交。
目前，我对数据库的每次调用都是在表单提交触发操作之后进行的。如果没有表单提交，这段代码应该放在哪里，以及如何触发它？一个代码片段真的能帮到我！
浏览 1提问于2008-10-31得票数 1
在asp.net页面中，如果用户浏览器支持javascript，我如何调用用于表单处理提交的javascript方法；如果浏览器不支持javascript，我如何使用事件背后的代码。我拥有使用jquery将表单数据发送到ajax服务器页面的javascript代码。不知道如何根据浏览器的javascript可用性来调用所需的脚本
浏览 3提问于2010-09-29得票数 0
回答已采纳
1回答
我正在使用，我已经在通过自定义URL重写加载的页面中创建了一些自定义表单。
问题是，当HTML有效且没有错误时，当加载页面时，通过jQuery $.load('URL Selelcor')移动
<input type="submit" id="submit" value="Submit" />
在表格外。
我的表格是这样的：
<form attributes....>
....
<input attributes .... />
....
<input ty
浏览 3提问于2012-03-26得票数 1
回答已采纳
我正在尝试使用JQuery提交表单，而不重新加载页面。虽然这与独立页面上的jQuery表单插件一起工作得很好，但我需要它才能在我用AJAX加载的页面上工作。
<script type="text/javascript">
$('#LoadForm').click(function() {
$('#formDiv1').load('FormGen.asp');
});
</script>
但是，当我在加载的表单上单击submit时，表单提交并刷新页面，而不是仅使用AJAX提交。
<
浏览 1提问于2012-01-16得票数 2
回答已采纳
我的页面上有几个输入字段文本：
<input type="text">
表单是在我按下输入其中一些时提交的，这正是我不想要的。是什么导致了这种行为？
我三次检查，我没有提交按钮(实际上我根本没有任何按钮)
浏览 3提问于2013-05-27得票数 1
回答已采纳
我正在尝试运行两个脚本:一个使用ajax加载页面内容，另一个使用ajax提交联系人表单。
加载页面内容：
<script>
$('#top_links a').click(function (e) {
e.preventDefault();
var link = $(this).attr('href');
$('#content').empty();
$.get(link, { },
function(data) {
$('#content'
浏览 0提问于2012-07-04得票数 0
回答已采纳
2回答
提交不带页面加载的Post表单
、、、、
我有一个这样的表单：
<form id = "membershipInfo" method = "post" action = "Default.aspx" onsubmit = "dialogSubmitForm()" \>
<input type = "text" id = "changeStoreDialogText" name = "ChangeLocation" value="" />
浏览 0提问于2011-05-03得票数 0
回答已采纳
当我提交表单时，会弹出一个指向另一个URL的窗口。如果我关闭弹出窗口并重新显示表单，窗口将在新选项卡中打开，直到我重新加载页面。如何才能使窗口每次都以弹出窗口的形式打开，而不需要重新加载页面？
<form action="http://stackoverflow.com/" method="post" enctype="multipart/form-data" name="imgform" onsubmit="process(); return false;">
// FORM PARAMS
浏览 0提问于2012-09-27得票数 0
回答已采纳
我正在使用jQuery在链接上执行基于AJAX的页面重载-它们会弹出“加载...”div窗口，然后在内容返回并加载内容时将其关闭。这完全符合预期。
我在我的项目中有几个不同的表单，我想使用相同的方法提交-在提交时带出一个“加载...”div窗口，然后在内容返回时将其关闭。有没有办法做到这一点，而不是为每个表单编写一个自定义函数？我看到的示例要求您获取每个表单域并对其进行编码，然后将其传递到ajax方法中。一些表单只有几个字段，其他表单有很多字段，因此这将是一个繁琐的过程。我希望它只是抓取表单中的所有字段，并在字段名称下提交它们。
任何关于这方面的见解都将不胜感激！
浏览 0提问于2011-06-09得票数 2
回答已采纳
在Javascript中，当我提供一个onSubmit函数并从该函数返回'false‘时，它将阻止页面更改/重新加载。
但是，在、Dart、中，onSubmit.listen(...)函数不采用返回类型。
如何阻止提交发送表单数据和更改/重新加载页面？
浏览 6提问于2012-08-03得票数 5
回答已采纳
1回答
在我的页面"thePage.php“中，我注意到了以下几点。我的页面thePage.php上有一个表单，用户可以在其中输入他们的姓名和电子邮件，然后单击提交按钮。
1)如果由于用户单击不同页面的链接而到达thePage.php，则会从服务器调用thePage.php。以下是包含链接的html，当单击该链接时，将从服务器检索thePage.php并将其显示在浏览器中：
<div>
<a id="logged-in-status" hef="http://mySite/thePage.php"> Click to go to
浏览 0提问于2012-01-22得票数 0
回答已采纳
1回答
捕获AJAX调用
、、
我正在开发一个Firefox插件。它基本上是在HTML文档加载到浏览器中之后对其进行解析。我能够捕获诸如表单提交、链接点击等事件。但是，当HTML页面通过AJAX调用静默提交并部分更新时，我无法捕获它们-因此，我如何才能在插件中捕获网页AJAX请求/响应？
浏览 0提问于2012-08-31得票数 1
回答已采纳
如何仅在表单提交后才将库添加到页附件(或执行任何其他更改)？
长篇解释：
我有一个非常简单的联络表格，在提交后重定向到首页，并显示一条“谢谢”信息。
我需要触发自定义JS事件谷歌AdWords集成后提交表单。从理论上讲，这非常简单，只需实现hook_page_bottom并使用自定义JS代码附加库即可。
但是，这个库只应该在表单提交之后附加，我不知道如何检测页面加载是否来自表单提交。我的第一次尝试是实现hook_form_alter并添加自定义提交处理程序。但是，这个提交处理程序只是在表单提交之后才触发，而不是在下一个页面加载中触发，这意味着我的库不会被附加。
Drupal的方式是什么？
浏览 0提问于2018-02-26得票数 2
我正在开发一个AJAX登录系统。现在，当用户单击链接时，当用户单击“登录”链接时，会动态加载登录表单。由于我使用的是AJAX，因此我想防止表单在单击submit按钮时实际提交。我尝试了以下代码作为我的加载函数的一部分，表单加载正确，但表单仍然正常提交。
$('#loginBox').load('loginform.php');
$('#loginBox form').submit(function(event) {
event.preventDefault();
});
我该如何解决这个问题呢？
浏览 8提问于2011-02-26得票数 4
回答已采纳
3回答
我花了几天的时间，在我的网站上得到了一个有效的表格。但是，每当提交表单时，它都不会重置，当我重新加载浏览器时，它会使用以前提交的数据再次发送表单。
我该如何阻止/防止这种情况？
我还想摆脱在表单中写入任何数据时弹出的离开页面警告。这样，即使存在未提交的数据，用户也可以离开页面而不弹出窗口。
该表单在此临时页面上被注释掉：
(我没有太多时间来键入这个问题，所以我可能会在以后更改它)
浏览 3提问于2014-01-06得票数 1
我知道如何使用jQuery $.ajax()函数通过ajax提交表单。我的问题是，如果表单位于另一个页面上，而我通过ajax加载表单本身：
$('.contentDiv').load('form.php');
我可以通过AJAX提交这个AJAX加载的表单吗？
基本上，我必须在正在使用的框架的限制内工作。该框架只允许在特定视图上呈现和提交某些表单。因此，我需要在页面A上显示的表单只能在页面B上呈现，并且只能在页面B上提交。我可以通过ajax在页面A上加载表单，但是如果我编写代码通过ajax将表单提交到页面A上的原始操作(页面B)，它会工作吗？
如果我在页面B上编写
浏览 2提问于2011-07-16得票数 4
Webform可以在提交表单时重新加载页面，但是它只是刷新页面，并且没有显示消息被发送的任何确认信息等等。这对于简单的主用户在提交表单时可能会产生误导。
无论如何，在页面刷新中添加确认消息？
例如，当将它作为管理员提交不止一次时，它实际上重新加载了页面，并给出了您已经提交了此表单的消息。因此，基本上，当访问者提交表单时，我需要相同的内容，它会重新加载页面并显示消息，比如“谢谢，您的消息已经提交了”。
干杯
浏览 0提问于2014-06-29得票数 0
回答已采纳
1回答
我在节点页面上有两个表单(注释一+自定义表单)。Ajax对它们都不启用，但是在提交自定义表单时，form_set_error或durpal_set_message不会显示，而是在加载新页时显示(如果再次提交表单、重新加载页面或更改页面)。就好像我有一个隐藏的ajax行为扰乱了提交。
function my_module_quote_request_form($form, &$form_state) {
global $user;
$account = user_load($user->uid);
$user_phone_number = $account->f
浏览 0提问于2018-09-17得票数 1
4回答
我有一个表单，这是在一个侧栏，并显示在多个页面。如果用户在page-a.php上提交表单，它将使用ajax将一些数据返回到该页面上的div。
但是，如果用户使用page-b.php并提交相同的表单(同样，它包含在两个页面上)，我希望表单重定向到page-a.php，然后使用相同的ajax post加载数据。我如何才能做到这一点？
为清晰起见进行编辑：
page-a.php -当提交此表单时(从单独的文件中包含)，对page-c.php进行ajax调用，将数据加载到div：
<form method="post" action="page-c.php">
浏览 7提问于2011-08-02得票数 0
回答已采纳
8回答
使用显示页面的预览，我使用中描述的以下方法禁用页面上的所有链接：
$(function() {
$('a').click(function() {
$(this).attr('href', 'javascript:void(0);');
});
});
由于我想在预览版中显示的HTML页面也包含HTML表单，所以我正在寻找一种类似的方法来禁用所有表单提交功能。
我试过：
$(function() {
$('form').attr('onsubmit', 'return
浏览 6提问于2012-04-23得票数 17
回答已采纳
首先，我不是JavaScript专家，只是在学习，尝试遵循一些教程。我想要JavaScript做的是，当表单已经提交时，在字段上做一个验证。
到目前为止，我编写的代码会在页面加载/重新加载时触发，这不是我想要的功能。据我所知，这个formFunction应该只在onsubmit事件上调用。伙计们，如果你们看到我做错了什么，请告诉我。我想构建一个javascript函数，它将在提交时验证页面上的所有表单。以下是我到目前为止想出的JavaScript步骤：
1在window.onload上调用checkForms函数
window.onload=checkForms;
2遍历页面上的所有表单，并
浏览 0提问于2012-03-11得票数 0
下面是我的HTML代码：
document.getElementById("sub").addEventListener("click", testing());
function testing() {
document.getElementById("demo").innerHTML ="good";
}
<input type="submit" value="Place Order" id="sub"/>
</fieldset> <
浏览 0提问于2018-11-07得票数 3
回答已采纳
我的工作伙伴门户在动态365门户网站。
我在“上传结果”网页中包含了一个内容片段(qrcode扫描器)。此网页还在内容片段之后放置了一个实体表单。
当我加载网页时，内容片段和表单显示在网页上(如预期的那样)。
在填写所需的详细信息并提交表单后，内容片段不会隐藏在表单提交上。它仍然与成功消息一起显示在页面上。
我在网页实体表单的附加设置中添加了以下代码，
$(document).ready(function(){
$("#InsertButton").click(function(){ // onclick submit button
浏览 8提问于2022-03-24得票数 0
6回答
我有两页：
page1.php :
有一个带有文本框和“提交”按钮的表单。例：<form name="frm_register" action="page1.php" method="post">
php和mysql代码将文本框的值存储到数据库中。在将值提交到数据库后，Javascript将将页面重定向到php2.php。例：
$query = "INSERT INTO traceuser (username) VALUES ('{$username}')";
$result =
浏览 1提问于2011-10-12得票数 4
回答已采纳
1回答
我使用Recapcha V3在表单中插入带有令牌的隐藏输入。当表单提交时，我将检查后端的令牌并相应地执行操作。
<script src='https://www.google.com/recaptcha/api.js?render={{config("recaptcha.key")}}'></script>
<script>
grecaptcha.ready(function () {
grecaptcha.execute('{{config("recaptcha.key")}}', {
浏览 0提问于2019-04-14得票数 0
回答已采纳
我在我的网站上有相当多的表单是使用jQuery ajax提交的。当我最近禁用了JavaScript来做一些测试时，我注意到这些表单以通常的方式提交。
当javascript不可用或禁用时，有没有什么方法可以防止它们被提交呢？
我的表单没有method或action。这些都是在ajax本身中指定的。我使用button而不是
我能做些什么来阻止他们被提交吗？
我知道我可以在页面加载后生成/启用按钮和内容，但如果用户在页面加载后故意禁用JavaScript怎么办？
浏览 1提问于2014-07-21得票数 0
1回答
我在数据库里有三张桌子。
客户表。项目表。商品订购台。
我想使用#boostrap模式进行搜索，也就是说，当我想向order表单中添加数据时，已经有一个按钮来显示#boostrap done，而在该模式中，有数据项以表格的形式出现，而在表中的数据搜索文本已经完成。但当我提交模态搜索按钮时，当我想要查找数据时，就会出现问题，因为我理解它，因为当我们提交时，我们会加载/刷新页面，从而丢失模型。我想问的是，当我寻找关于这个#模式的数据时，如何防止这个#模式丢失？
浏览 3提问于2021-02-09得票数 0
6回答
我有两个按钮，一个是id=enterToSubmit，另一个是id=clickToSubmit。当用户点击Enter键时，我希望"enterToSubmit“按钮而不是"clickToSubmit”按钮提交表单。
在同一个页面上，我有一个文本框id=title，在页面加载时，我隐藏了"enterToSubmit“按钮，直到用户在文本框中输入内容，然后用户可以点击Enter键提交表单。
当用户按回车键时，预览"clickToSubmit“按钮如何提交？
浏览 1提问于2010-11-02得票数 10
回答已采纳
在下面的代码中，只有在成功地执行了pages porperties CQ.form.SlingSubmitAction(dialog.form, config);之后，我才会使用函数CQ.form.SlingSubmitAction(dialog.form, config);重新加载站点管理页面。
下面的函数提交一个表单，然后调用一个callback()函数，该函数反过来重新加载siteadmin页面：
function foo(dialog, config, callback) {
var action = new CQ.form.SlingSubmitAction(dialog.f
浏览 4提问于2014-09-16得票数 0
回答已采纳
如果我的解释不好，我很抱歉，我是编程新手……
我目前在一个叫Clickfunnels的网站上使用代码。
下面是代码的工作方式：
当我单击submit按钮时，表单提交，重定向到当前选项卡上的另一个站点，同时打开一个新选项卡到不同的目的地。
代码是这样的：
<form action="LINK GOES HERE" target="_blank">
<a href="#"></a>
</form>
<script>
$('a').click(function ()
浏览 0提问于2021-05-08得票数 0
2回答
所以我有一个文本字段(
<input type="text"/>
)，当用户按enter/submits时，我想运行一个函数。
现在，onSubmit看起来是最好的解决方案。遗憾的是，这需要一个表单(据我所知)，当我提交时，该表单会重新加载页面。它添加了一些我不喜欢的额外代码。我也尝试过onKeyPress，但每次用户输入内容时，它都会做出反应(参见我之前的问题)。我试着在函数本身中寻找“回车”键，但效果不佳。我不想每次有人在字段中输入内容时都运行函数。
所以，总结一下:我想在用户提交文本字段时运行一个函数。我该怎么做呢？有没有办法不用表单就可以使用'onS
浏览 1提问于2013-03-19得票数 1
回答已采纳
5回答
一个写得很差的后端系统在处理我们产生的负载时遇到了问题。虽然他们修复了他们的加载问题，但我们正在尝试减少我们产生的任何额外负载，其中之一是后端系统继续尝试并为表单提交提供服务，即使另一个提交来自同一用户。
我们注意到的一件事是用户双击表单提交按钮。我需要取消这些点击，并防止第二个表单提交。
我的方法(使用Prototype)在表单上放置一个隐藏表单提交按钮并显示"loading...“div的onSubmit，该函数调用以下函数。
function disableSubmit(id1, id2) {
$(id1).style.display = 'none';
浏览 8提问于2008-09-18得票数 4
回答已采纳
3回答
我想要一个文本形式输入一个字符串，这是后来由javascript读取。
<form style='margin:10px;'>
Input Value: <input type="text" value="3" id="input" name="input"/>
</form>
我注意到，当我按enter时，当它被选中时，会导致页面重新加载。这不是我想要的。当表单被“提交”时，我如何使它不重新加载页面？
浏览 2提问于2011-04-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
