我最近转而使用<a>标记作为提交按钮来设置样式。我有一个我写的JS插件来处理表单和它们的验证。
为了模拟一个普通表单，用户在文本字段上按enter键进行提交，我检测到了在keyup上输入并提交表单。
问题是，例如，如果用户在Firefox的自动完成下拉菜单中点击enter，它会检测到并仍然尝试提交表单。
有什么想法吗？如果找不到表单的提交按钮，我可能会切换到表单处理程序，附加一个隐藏的提交按钮。
浏览 4提问于2011-10-22得票数 4
回答已采纳
我通过一个类似表单的ajax调用添加了一个ajax表单。新添加的表单不起作用。我使用的是Rails3和jquery。下面是我的代码：
update.js.erb: /*添加了一个表单，可用于创建新的Xyz。提交添加的表单应该使用执行create.js.erb */的create操作
$("#mytable tr:last").after("<%= escape_javascript(render 'shared/xyz', :object => Xyz.new)%> ");
create.js.erb: /*添加了一个可用于编辑
浏览 0提问于2010-09-09得票数 0
我有一个包含@HTML.BeginForm对象的基本ASP.NET MVC5页面。这个表单将是非常动态的，并且会随着用户的使用而添加各种内容。
我想在这个表单中有几个按钮，在AJAX Post调用控制器从数据库中收集数据(用于填充选择框)之前，我想要几个按钮，但我不想让它们实际提交表单。我想在表单底部的一个按钮，说“提交”，并实际提交整个表单时，用户完成了。
我希望在@HTML.BeginForm对象中有额外的按钮，这些按钮能够发送到服务器，以便从数据库收集数据，而无需实际提交整个表单。我已经将jquery.unobtrusive-ajax.min.js库添加到我的页面中，但这似乎没有帮助。
浏览 9提问于2020-06-01得票数 0
2回答
我最近一直在使用html + js + css，在chrome和firefox中发现了一个非常奇怪的问题。
我有一个表单有几个字段，但它不提交按下enter。我想知道是什么原因。如果删除所有字段并只保留一个字段，则正确提交。
它真的是一个chrome/firefox的bug，还是我在做梦？
代码1: (工作正常，输入时提交表单)
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<form>
浏览 7提问于2014-01-15得票数 0
1回答
我有一个html表单，我首先希望用jQuery验证库jquery.validate.min.js和验证它，如果表单是有效的，那么将表单提交到一个位置。
我尝试了以下几点：
<html>
<head>
<link rel="stylesheet" href="../../common/view/css/bootstrap.min.css" type="text/css">
<script src="../../common/view/js/jquery.js&
浏览 5提问于2016-07-20得票数 7
回答已采纳
是否可以使用jQuery验证插件来运行验证，但实际上允许提交表单？
原因是我想要一个‘保存进度’按钮，它将允许您基本上提交错误的数据。表单最终将有多个步骤，在最后一步，我将计算表单的有效性，并启用一个“submit”按钮(如果所有部分都是有效的)。因此，用户将收到类似“您的进度已经保存，但表单不能提交，直到所有必需的字段都完成”的东西。
我想知道你是否可以用submitHandler做点什么，但我真的不知道从哪里开始。
编辑-在Sparky的初始答案之后更新
在@Sparky的最初回答之后，我已经开始使用button type="button"来控制表单的提交，即使它是无效的
浏览 2提问于2014-08-21得票数 0
回答已采纳
每当用户做了什么事情时，我都想做几秒钟的祝酒词。当他们登录到应用程序时。我正在使用/login/+page.svelte上的一个表单登录，使用/login/page.server.js中的数据库交互。我用writable store储存祝酒。
在表单提交时，页面会刷新，所以我的商店被清除了，吐司也丢失了。事件流程似乎是：
向/login/page.server.js提交表格
page.server.js做了一些事情
page.server.js将整页发回，浏览器将重新加载到新的完整页。
我知道您可以使用preventdefault来防止所有这些步骤，但我只想防止重新加载。防
浏览 2提问于2022-11-10得票数 -1
回答已采纳
2回答
我使用Parsley.js来验证我的表单。我告诉欧芹通过添加.
<form data-validate="parsley" name="myform">
我的元素看起来是：
<input type="text" name="username" data-required="true"/>
如果您忽略了所需的字段并试图使用此按钮提交表单.
<input type="submit" value="Submit"/>
欧芹显示错误，不允许提交表单。但
浏览 1提问于2013-11-06得票数 1
回答已采纳
1回答
我正在用web2py构建一个网页。
我想要达到的效果是可以按照通常的方式提交表单，但是其中包含表单的html页面还具有一个html画布，它由js代码管理，能够动态地查看表单的内容。这样，当用户在提交表单之前更改表单的内容并不断更新时，就可以看到某种预览。
这样做似乎有两个挑战。
1.)web2py希望您在控制器中定义表单，它会自动生成代码--我看不到通过编辑html页面在表单中间添加额外元素的方法。
2.)我看不出有任何方法可以让js代码动态读取表单中输入的值。
任何关于如何做到这一点的建议都将不胜感激。我是web2py的新手，但我花了很长时间想办法解决这个问题。
谢谢!
浏览 3提问于2016-03-15得票数 0
回答已采纳
4回答
我有一个有两个按钮的表单。底部的应将表单提交给服务器。在表单中间有另一个按钮，它需要触发一个简单的评分函数，并将该分值添加到一个新的表单字段中(该字段是否会被提交取决于它的存在)。
使用Prototype js库，我如何取消提交表单的中间按钮，让它执行我的计算/DOM添加功能？
编辑：
我目前没有阻止表单提交...
$$('.form-submit-calculate').each(function(calculator){
calculator.observe("click",function(){alert('calculate'); ret
浏览 0提问于2011-06-24得票数 1
回答已采纳
2回答
Im编码php和我想使用图像按钮调用函数。
$del= "<input type='image' src='delete.png' name='delete_cat' value='{$cat_name}' onclick='delete_exe(this.form,this.name,this.value)' >";
此按钮被放入提交表单中。
<form method="post" action="caffe_menu_category_post.php
浏览 4提问于2013-08-18得票数 0
回答已采纳
我正在使用jquery.form.js插件，我的表单工作正常，除了表单在提交后没有重新加载。表单需要永久保留在页面上，但需要在表单提交后更新这些值。
这是我的代码：
$(document).ready(function(){
$('#personform').ajaxForm();
$('#personform').submit(function() {
$(this).ajaxSubmit();
});
});
我已经尝试了所有我可以在插件主页上找到的选项，但仍然没有接近预期的结果。
如果有任何帮助，我们将不胜感激。
浏览 6提问于2011-09-20得票数 0
如果我有一个web2py视图(比如tmp.load)，我可以通过从on submit处理程序返回false来强制不提交表单。
<form onsubmit="return false;"><input type="text"><input type="submit" /></form>
当我直接查看它时，这是可行的:这个表单从不提交。但是如果我使用以下命令加载此视图
{{=LOAD('tmp.load', ajax=True)}}
然后表单提交，尽管我希望它不会提交。那么，我如何编写
浏览 0提问于2016-11-23得票数 0
我听说过表单上的JS脚本，用于侦听单击的输入，并监视用于更改的输入字段值。这些脚本用于捕获/阻止机器人自动填充。
使用jQuery (NojeJS(用于自动化，如selenium))，您可以根据其属性设置输入的值，并通过在按钮上调用click来提交表单。这都是自动化的。
在幻影up /selenium中，您可以旋转一个无头web驱动程序，获取输入、设置值并提交表单。再说一遍，这都是自动化的。
问题：，这些实现的基本区别是什么？
例如: Selenium被宣传为就像浏览器中的人类一样。脱离无头模式，您实际上可以看到selenium将值注入/写入表单字段，而jQuery没有。
正因为如此，
浏览 3提问于2014-05-27得票数 3
我有一个ng-repeat表单。当表单提交时，我希望禁用提交表单输入。
我面临的问题是当我提交表格的时候。它禁用所有的表单输入，永远不回启用。
请看一下这个。
或者下面的代码片段。谢谢
在JS中
$scope.newDatas = {
a1: 'a',
a2: 'b'
}
$scope.send = function() {
$scope.isDisabled = true;
setTimeout(function() {
alert('done');
$scope.isDisabled = false;
},1000
浏览 1提问于2013-10-05得票数 0
回答已采纳
我不确定这是纯粹的Rails问题还是有一些JS重叠。
我有一个表格，我是提交远程通过JS。它工作得很好，在提交之后，我在create.js.erb文件中有一些JS回调，等等。
问题是，现在我试图向混合文件中添加一个文件输入。现在，当表单提交时，请求将按预期处理(记录加载、上传文件处理等)。除了请求被切换到HTML，而不是JS之外，所以我随后被重定向，而不是调用JS。在我的控制器中的示例：
respond_to do |format|
format.html { redirect_to @record, notice: 'Record was successfully created
浏览 0提问于2020-11-08得票数 0
2回答
我尝试验证一个简单的表单，但是Jquery验证
当我只使用按钮而不使用提交时，插件无法工作
按钮。我不能在那里使用提交按钮，因为如果我使用提交
按钮在提交表单后执行操作，然后执行
默认页面，而我当前的表单来自Ajax。我是
非常新的Jquery。请帮我解决它的紧急情况...我在这里提供文件。index.html
<html>
<head>
<script src="jquery.js">
<script="jquery-validate-min.js">
<script="validation.js&
浏览 0提问于2010-05-24得票数 0
1回答
使用大卫·J·布拉德肖的惊人的 JavaScript库。包含表单的跨域iFrame在表单提交后正在正确地缩小大小。但是，父页面不遵循子节点内的锚链接，该链接将提交文件重定向到表单容器的顶部。
因此，包含的iFrame离开了位置，甚至超出了视觉范围。
<script type="text/javascript" src="./iframeResizer.min.js"></script>
<iframe src="http://www.childiframe.com/form/" width="100%
浏览 4提问于2015-12-10得票数 4
回答已采纳
我已经将添加到一个meteor js项目中，并且可以获得可用选项的列表。我使用向上键和向下键来标记我的条目，然后按enter键来选择它。但是随后光标从输入字段移出焦点，因此我无法再次按enter键提交表单。我必须单击表单上的按钮才能执行提交。
html：
<div class="controls">
{{> inputAutocomplete settings=settings id="name" name="name" placeholder="Name" }}
</div>
我在js文件中添加
浏览 0提问于2014-06-26得票数 2
这是我第一次尝试使用AJAX表单提交。我已经让它工作了，但当我单击任何按钮时，提交都会触发，而不仅仅是提交。我打算最终将clear按钮连接到表单清除操作，但到目前为止，它提交的是表单。
HTML
<form id="testForm" role="form" action="" method="">
<div class="form-group" >
<label for="testArea" class="sr-only">
浏览 0提问于2013-08-31得票数 2
1回答
最近我注意到有一小部分人禁用了JS。
支付提供商的系统的工作方式是，您必须将数据发布到他们的支付门户，然后在完成后将用户发送到ReturnURL。
我现在使用的设置是JS，它只是提交onload。
<html>
<head>
</head>
<body onload="document.frm1.submit()">
<form method="post" action="<?php echo $connectorUrl ?
浏览 1提问于2015-05-02得票数 2
在rails应用程序中使用新的Turbolinks 5--使用错误消息呈现表单的最佳方法是什么。文件上说：
与其正常提交表格，不如与XHR一起提交。响应服务器上的XHR提交，返回执行要由浏览器计算的JavaScript的Turbolinks.visit。
所以，如果我的表单提交了一个远程更新请求，我应该只是做一个js表单替换，还是turbolinks 5有一个更好的方法？例子-
主计长：
def update
@success = @team.update_attributes( team_params )
end
update.js
<% if @success %>
浏览 1提问于2016-04-22得票数 0
2回答
用$.post()进行表单验证
、、、、
我使用bassistance.de的验证jQuery插件来验证表单#signup-form。与其按照通常的方式将表单数据直接提交给服务器，不如通过$.post()提交AJAX数据。
JS代码
// Validate form
$('.signup-form').validate({
rules: {
signupName: { required: true, minlength: 3 }
}
});
// Submit to Serverside
$('#submit-btn').click(function() {
浏览 1提问于2012-11-11得票数 0
回答已采纳
-单击表单输入，按ENTER键
<form onsubmit="return false;">
<button style="display: none !important;" onclick="alert('!! Should NOT see this !!');">Hidden Button</button>
Click in input, press ENTER: <input type="text" />
<p>
&l
浏览 5提问于2016-03-30得票数 1
我希望能够在事件中自动提交表单(一个通用表单，用于用户跟踪)。
例如，创建一个POST到应用程序/x-www-form-urlencoded
username=usernamestring
otherdata=otherdata_string
otherdata2=otherdata string 2
但是，实际的字符串将是预先格式化的，因为它就像是一个“ping”。需要在事件上提交，带外部js ( )
我到底该怎么办？这越来越让人讨厌了。
更新:我想我没有说清楚；我有一个预制的表单，它不应该显示在页面上；它需要在事件上提交。页面上不存在表单域；我所做的只是链接到页面上的脚本，它将执行onL
浏览 0提问于2012-01-15得票数 1
3回答
我有一个backbone.js应用程序，它在通过验证后，通过用户将输入保存到它的数据模型中。我有一个标准的提交按钮(没有ajax)，它提交到一个页面，该页面默认使用来自POST的内容，就像表单一样。如何用backbone.js模型中的数据替换这些数据？有没有在这种情况下使用的最佳实践？
浏览 0提问于2013-02-21得票数 0
在Rails3.1中，我通过回形针和remotipart提交带有附件的表单。
我希望我的表单通过ajax提交，但他们是通过html提交的。
它在3.0版本中工作正常，但在3.1版本中似乎已经被打破。请注意，我所说的中断只是指表单总是通过HTML而不是JS提交，所以我不能呈现JS，这是我之前所做的。表单仍然会提交，附件也会保存，但我不能呈现JS。是的，我有:remote => true
谢谢
浏览 0提问于2011-09-28得票数 0
我正在使用来自adminLTE()的模板--您可以在页面的末尾看到它，我想先上传图像并将图像名称作为输入文本元素之一传递到我的主表单中，以便在提交最终表单时传递它们。
但是下拉区域限制使用form标记上传照片，我们不能使用form isnide另一个表单，除了这个别无选择。
有人能帮助我如何在PHP或使用js和html实现这一点吗？或者任何推荐信？
浏览 0提问于2021-11-23得票数 1
4回答
我对有点问题。我下载了当前版本，并将其包含在我的表单中，如下所示：
<form action="/news.php?frame=edit&id=185" enctype="multipart/form-data" method="post" accept-charset="utf-8">
<textarea class="edit" name="news_content" id="news_content" rows="30" col
浏览 2提问于2013-07-08得票数 2
回答已采纳
我知道CakePHP具有非常好的开箱即用的验证功能，但我希望在提交表单之前对其执行实时JS验证。
我尝试过jquery验证插件，这正是我想要的前端。(它用于在模式框中订阅时事通讯表单)。
问题是，如果我的验证失败，CakePHP的验证将重新显示包含错误消息的表单。我不需要这个，我只想返回false或重定向，如果它失败的服务器端。
有没有人知道有什么jquery验证可以和cakephp自动化表单验证很好地结合在一起，让我在这两个世界中都能得到最好的结果？谢谢。
浏览 3提问于2010-03-22得票数 2
回答已采纳
我有一个使用ajax验证的表单，因为我将表单设置为:remote => true，视图提供为
<%= nested_form_for @interview_round, :remote => true do |f| %>
<div id="error-div"> </div>
<%= f.text_field :interviewer_name %>
<%= f.text_field :log_skill, :id=>'hint-log' %>
<%= f.text_fie
浏览 6提问于2015-06-17得票数 3
回答已采纳
使用backbone.js，我可以提交一个表单，并在提交之后，savepost()函数将其重定向到仪表板url。仪表板是一个不同的视图，并希望该页面显示“您的帖子已提交”。我可以使用本地存储，但不想依赖它。
我也看到了流行的，但不确定这是否适用于在不同页面中呈现的视图。
浏览 0提问于2016-03-04得票数 0
回答已采纳
我有这样的代码
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#main_form").submit(function(){
alert("submitting");
});
$("
浏览 1提问于2013-07-01得票数 4
1回答
我使用的是jQuery非侵入式验证，在提交表单之前我想做几件事。我不想在成功验证后回发表单，而是希望向用户显示一条成功消息，并重置相同的表单以添加其他数据。
在下面的代码中，它向我展示了只有当表单无效时才会发出警报，如果表单有效，它只会执行回发。
虽然在这种情况下我想避免回发，但目前我的表单还是被提交了。
@model MyProject.ViewModels.CustomerViewModel
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
<script src
浏览 2提问于2014-06-27得票数 1
回答已采纳
我已经为支付网关创建了一个模块，integration.It在1.3中工作得很好。现在我已经将prestashop1.4升级到了1.4。jquery无法正常显示未定义的消息4。这是我的页面的标题部分。
Src=“{$url}js/jquery/jquery-1.4.4.min.js”>这是不点击提交按钮提交表单的代码。
已删除{文字}$(文档)函数(.ready(){$j(‘#abc_form’).submit()；})；{/literal}已将其删除，并显示消息$ is未定义。真的把问题搞糊涂了。
浏览 0提问于2011-06-24得票数 0
回答已采纳
2回答
远程验证导致表单提交两次(并输入成功/错误处理程序两次)。原始的是一个ASP.NET MVC应用程序，它具有不引人注目的验证和用于AJAX提交的jQuery表单，但我已经能够简化为以下内容：
remote.json
“真”
test.html
<!doctype html>
<title>test</title>
<form action="" method="post">
<input name="foo" type="text" value="fo
浏览 3提问于2013-12-11得票数 4
有人知道在Chrome中从javascript提交表单时，如何将输入字段的值添加到该输入字段的历史记录中吗？(问题不会出现在Firefox中。)或者我必须启用什么？autocomplete=' on‘在输入字段上无效。
例如，在登录表单中，让浏览器记住登录信息很好，这样用户就不需要再次输入了。
我当前在表单对象上使用jQuery的submit()方法提交表单，但是当我再次加载页面时，用户字段不记得登录名了吗？
如果我使用提交按钮提交表单，这将起作用。
浏览 1提问于2012-01-13得票数 0
jQuery表单验证器可以很好地与Html.Beginform一起工作。
我将Html.Beginform更改为Ajax.Beginform，无需刷新就提交表单(尝试过Ajax post，但文件在控制器中以null形式出现)。
更改为Ajax.Beginform后，jQuery表单验证器无法工作。
在jQuery的onBegin方法中可以使用Ajax.Beginform表单验证器吗？
视图：
<script src="~/scripts/jquery-1.10.2.min.js"></script>
<script src="~/scrip
浏览 2提问于2017-10-06得票数 1
有没有办法在表单提交时使用PHP或AJAX创建一个.js文件？
我有一个简短的表单，用户输入跟踪ID的，当表单提交时，ID被保存到mysql数据库中。
在提交表单的同时，我希望自动创建一个.js文件，该文件的名称与提交的ID相同。
浏览 4提问于2012-08-13得票数 0
我正在开发一个单一的web应用程序，我发现了Chaplin.js。我实现了一个简单的登录表单，并在application.js中创建了intiMediator方法(举个例子)：
Chaplin.mediator.user = new User();
订阅loginController中的登录事件，以便在捕获事件时重定向到内部页面。
Chaplin.mediator.subscribe('login', this.test);
最后，当用户在loginView中提交登录表单时，我编写了
Chaplin.mediator.user.set({"name":this.
浏览 4提问于2013-07-08得票数 0
我正在使用CSRF和spring。
当我启用此功能时，不能提交任何表单(有意义，因为我需要每个帖子的令牌)。
问题是：
在我提交了一个带有有效令牌(在我的例子中是登录)的表单之后。所有其他提交表单继续工作...据我所知，应该是行不通的。
你知道为什么会这样吗？
我使用的是Spring3.2和security 3.2.5
谢谢
浏览 1提问于2015-06-11得票数 0
我正在开发一个语音应用程序。在action.php文件中有一个简单的登录表单，为了测试目的，我只是在其他文件see.php中打印提交变量。
问题是，如果我在action.php中包含了以下代码，那么表单中提交的变量就不会被打印出来：
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
但是，如果从action.php中删除上述行，则表单将正确提交，输入变量将在see.php
浏览 5提问于2014-05-02得票数 0
回答已采纳
我的Mozilla (用Addon编码)需要在表单提交到网页服务器之前以网页形式加密信息。我使用的加密库只能在lib/main.js中访问，并且要在网页上加密的信息是由内容脚本收集的。
我的想法是让我的Addon用以下过程加密数据：
当单击表单的submit按钮时，内容脚本将表单的数据(文本输入中的文本)发送到main.js。
main.js使用库加密数据，然后将密码文本发送回内容脚本。
内容脚本将密码文本从main.js插入到表单中，然后表单提交给网页的服务器。
我是否可以在Addon的主代码和内容脚本之间执行同步通信，以便在单击submit按钮之后，但在表单将数据提交给
浏览 6提问于2013-11-18得票数 1
问题：
我从不指定提交按钮，因为我使用ajax提交表单，但有些表单具有自动提交功能。
背景：
在我的整个应用程序中，我有一些实例，当单击enter按钮时，将自动提交表单，而其他实例则不起任何作用。例如，有时我需要捕获"enter“按钮才能获得一个自动提交，但在其他情况下，它似乎是自己发生的，而且我还没有找到该模式。除了动态创建的表单似乎具有自动提交功能之外，静态表单没有吗？有没有其他人有类似的问题。
示例：
我的所有表单都删除了submit按钮，并且我没有指定目标或操作元素，如下所示。所有表单都通过AJAX传输数据。
<form id="ajaxForm">
浏览 2提问于2013-05-01得票数 8
回答已采纳
1回答
我的应用程序中有两个JSP页面，其中包含两个类型为"text“的"input”标记。
我观察到的是，在Chrome中，如果文本字段在" form“标签中，如果有表单提交，当用户返回到同一页面并尝试单击向下箭头时，它会显示之前输入的值。
但是如果没有表单提交，也就是说页面转换是通过AJAX调用发生的，那么chrome就不会显示之前输入的值。
但在IE和Firefox中并非如此，我的意思是，即使在提交表单时，它也不会显示用户之前输入的值。
我的问题是：
只有在表单中有"input“标签并提交表单时，Chrome才会显示之前输入的值？
2.为什么IE和Firefox不
浏览 0提问于2011-08-05得票数 0
回答已采纳
1回答
我正在尝试实现一个简单的输入掩码js，它将取代表单上任何敏感用户数据的星号，比如social#。然而，这听起来可能是一个非常愚蠢的问题，当我想提交表单时，我想发送textfield的实际值，用户输入。我该怎么做呢？我希望避免将星号作为文本字段值提交。
function mask(str) {
if(str.value!=null || str.value!="") {
num = str.value.length;
var masked = "";
for(i=0; i<num; i++) {
浏览 3提问于2011-05-05得票数 2
1回答
将值附加到URL的表单
、、、
我有一份由JQuery提交的表格。有时，当表单提交失败时，表单中的值会自动作为查询字符串追加到url。我找了很多东西，但对这种奇怪的行为却找不到任何东西。下面是一个例子，说明发生了什么。
有一个有两个字段的表单
$("#MyForm").validate({
rules: {
"UserName": {
required: true
},
"Password": {
required: tru
浏览 4提问于2016-03-25得票数 0
回答已采纳
我需要使用类似jquery的angular js提交一个带有原生动作url的表单，在jquery中我们可以像这样提交表单，下面在Angular js 1.x中的对应代码是什么？我知道在angular js中，大部分表单都是用ajax提交的，但在这里我想提交如下内容
<form id="target" action="destination.html">
<input type="text" value="Hello there">
<input id="other" type
浏览 55提问于2018-07-31得票数 0
我使用iframe在rails 3.2中上传文件，在提交表单后使用iframe如何在"ajax“调用中重定向我的页面
if @user.save
format.html { redirect_to users_path }
format.json { render json: @user, status: :created, location: @user }
format.js { render :layout => false }
end
我受够了，
format.html { render js: "window.location.pat
浏览 4提问于2015-01-02得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
