我对javascript很陌生，所以对许多人来说这可能是一个简单的问题。
我在胸腺网中使用了表单sumbit，并试图在表单提交到spring控制器之前添加一个JS验证。我可以单独执行这两个操作(单独的任务)。但是，我不能让它们一个接一个地工作(js函数和表单提交)。提交操作由表单中的一个按钮触发。
<form th:action="@{/user/trigger}" th:object="${triggers}" method="post">
<input type=&
浏览 6提问于2020-07-11得票数 0
我有一个第三方表单来跟踪页面上的用户。我需要跟踪页面上的所有页面提交，包括由于js验证而提交失败。结构大致如下：
<form>
//Elements
</form>
<a id="btnSubmit"></a>
我对表格的结构没有控制权。要跟踪表单提交，我使用的是锚标记单击事件：$('#btnSubmit').click(function () { //my code });，我不使用form.submit，因为表单验证中使用的js代码阻止调用form.submit事件。它适用于单击事件，除非用户提交带有enter
浏览 3提问于2015-07-23得票数 3
回答已采纳
我正在尝试用react js提交表单，我有多个文件。 this.state = {
allValues: [],
}; changeHandler = (e) => {
this.setState({ ...this.allValues, [e.target.name]: e.target.value });
};
onsubmbit = (e) => {
e.preventDefault();
console.log(this.state.allValues);
};
<form onSubmit={this.onsubmbit}>
<i
浏览 23提问于2021-09-30得票数 0
回答已采纳
问题是我有一个远程表单，根据条件，我想转换成一个非远程表单(使用UJS)，然后提交。请注意，该表单有一个文件上传。
下面是详细信息:我最初使用以下命令呈现远程表单
= form_for @myobj, :url => {:action=>"remoteAction", :controller=>"myobjects"}, :remote => true do |f|
... (f.fields....)
它会生成HTML：
<form id="new_myobj" class="new_myobj"
浏览 3提问于2012-03-28得票数 17
我希望通过javascript函数提交表单，并希望在表单提交过程中添加字段。以下是HTML和JS代码：
function next_func() {
$("#discountTotalAmountShipping").submit(function(eventObj) {
$('<input />').attr('type', 'hidden')
.attr('name', "something")
.attr('value
浏览 0提问于2018-06-18得票数 0
回答已采纳
2回答
我正在使用ajax创建回复列表。
在列表的末尾，我添加了文本区域表单，允许用户添加回复(也使用ajax)。
问题是，我在PHP主页中调用JS，所以当用户想要提交回复时，页面并不“知道”js代码。如果我将js添加到ajax php文件/页面，代码将正常工作，但随后它将被重复多次，当用户提交表单时，文本将被多次提交…
在我的控制台中，我看到每次加载回复列表时JS文件都是重复的
我怎样才能防止它呢？
浏览 2提问于2016-06-20得票数 0
2回答
Jquery表单未提交
、、、
我有一个带有表单的页面，我正在尝试禁用提交按钮上的自定义禁用消息，并在使用jquery后提交表单。
<form>
<input type="text" name="run"/>
<input type="submit" class="send" value="Save" data-attr-message="Sending..."/>
</form>
我尝试了表单提交或表单提交都没有提交表单，我尝试记录表单，表单被正确地记录到控制台，并且当单击提交时控
浏览 0提问于2020-11-21得票数 1
1回答
我有一个使用remote_form_for标记提交的表单。
视图
<% form_remote_tag(:url => { :action => 'create' }) do %>
a bunch of fields
<% end %>
控制器
def create
if @greeting.can_save?
respond_to do |format|
format.html {redirect_to board_link(@board)}
format.js #close the iframe and r
浏览 6提问于2011-03-30得票数 0
1回答
我读过很多文章，解释如何在表单中处理两个提交按钮，但没有一个对我有用。
表单
<form id="myForm">
<input type="submit" name="btngroup" value="remove" />
<input type="submit" name="btngroup" value="activate" />
</form>
js:
$('#myForm').submit(function (
浏览 4提问于2013-01-15得票数 4
回答已采纳
有没有人知道有没有bug或其他见解来解释为什么在jquery mobile中使用MVC4时，使用Ajax.BeginForm创建的任何表单都会导致表单被提交给控制器两次。
我最初认为，由于我使用的是js捆绑包，同一个js文件可能已经包含了两次，并且可能会在表单提交时触发，但事实并非如此，我的js文件列表如下：
jquery-1.6.4.js
jquery-ui.1.8.11.js
jquery.mobile-1.1.0.js
jquery.unobtrusive-ajax.js
jquery.validate.js
knockout-2.0.0.js
MicrosoftAjax.js
Micr
浏览 3提问于2012-06-11得票数 5
回答已采纳
我有一个常规表单，当单击submit按钮时，我想隐藏submit按钮，如果任何表单值在提交后发生更改，它将再次自动提交。
我使用了下面的代码，它可以工作，但是每次我更新表单数据时，表单都会自动提交，在JS控制台中，我可以看到它被提交了很多次，每次它自动提交时，数量都会增加。例如，第一次自动提交一次，第二次自动提交4次，第三次自动提交8次，然后表单开始变得非常缓慢。
jQuery(function($) {
$(document).on("click",'#bookingbutton', function() {
$( "#bookingbutt
浏览 3提问于2015-10-22得票数 0
回答已采纳
1回答
如果我在表单中放置一个按钮并单击它，则只触发按钮单击事件。
但是，如果我构建了一个按钮组件“my”，将该按钮替换为“my”，然后再次单击它，它会触发按钮单击事件，但也会提交表单。
它的行为应该是这样吗？如何使我的组件不提交表单？
App = Ember.Application.create();
App.ApplicationController = Ember.Controller.extend({
actions: {
clicked: function() {
alert('click');
},
submitted: fun
浏览 1提问于2015-04-08得票数 0
回答已采纳
1回答
我对角质js很陌生。当提交空表单时，我试图将字段的边框更改为红色。我已经编写了控制器，它在提交有效表单时处理输入，在提交无效表单时只将字段(InvalidFormSubmitted)变为true。
我在css下面尝试过，但它不起作用。
input.invalidFormSubmitted{
border-bottom: 0.125rem solid #e42105;
}
我也试过提交，但没有运气。
当此变量设置为true时，如何使字段边框变为红色？
提前谢谢。
浏览 3提问于2016-05-10得票数 0
回答已采纳
从web中的post请求中获取表单数据有什么窍门吗？在使用js FormData()在前端提交表单时，我似乎无法使用submitting或FormData。我已经检查了http请求，以验证表单数据正在传递给服务器。
JS表格提交
var formData = new FormData();
formData.append('Email', 'email@notarealemail.com');
formData.append('Password', '123');
// submit data us
浏览 1提问于2016-11-13得票数 0
回答已采纳
我已经使用redux form构建了一个多页表单。到目前为止，当我提交表单时，它只是控制台记录数据。但我希望它使用表单数据发出API post请求。
到目前为止，我已经尝试编辑已创建的"showResults“页面，该页面在提交最终表单页面时调用。我收到诸如下面的<code>D0</code>之类的错误
这里是showResults.js文件，我已经将它重命名为一个编辑过的文件。
<code>A1</code>
正如您所看到的，我在最后有一个控制台日志，表示代码工作正常，但控制台日志在我运行代码时立即发生，而不是等到我提交。
浏览 20提问于2019-04-01得票数 0
我试图通过AJAX提交表单，并在表单提交后防止重定向。我不明白为什么我会有这个问题，因为我把autoRender设置为false。
控制器代码
function add() {
$this->autoRender = false;
if (!empty($this->data)) {
$this->data['Comment']['user_id'] = $this->Auth->user('id');
$this->Comment->create();
浏览 2提问于2010-08-16得票数 1
回答已采纳
情况是，我想在表单提交成功后显示模式。我目前所做的是，在我提交并成功提交表单之后，我重定向到相同的输入页面。现在的问题是，是否可以设置flash数据并传递一个jquery脚本来在重定向时切换模式？下面是我在提交成功后如何在控制器函数中设置它。
$js = "<script>$('#mymodal').modal('show');</script>";
$this->session->set_flashdata('js',$js);
然后在视图文件上，我在顶部放置了一个检查器，以便在重定向到它时触
浏览 18提问于2016-08-21得票数 0
回答已采纳
当用户单击按钮时，我必须提交一个表单，因为我在该按钮上使用了onclick JS函数调用。
在该函数中，我只需使用.submit()函数提交所需表单。
我使用JS函数，
$('#form_id').submit()
另外，在form_tag中，我使用了:remote=>true。已使用:method=> "post"将HTML方法更改为post。
控制器还具有带format.js块的适当respond_to块。
视图文件具有正确的.js.erb文件。
但每当我单击该按钮时，它就会被当作HTML处理。如果我手动单击表单的submit按钮，它将被成功处理
浏览 3提问于2016-08-03得票数 1
我甚至不知道如何以一种可以理解的方式来问这个问题。
基本上，我想在保存之后使用js.erb来做一些javascript。我使用一个常规的javascript/咖啡脚本文件提交表单(如果所有字段都被正确填写，那么表单就提交了，否则表单什么也不做&只是显示错误)。
我的咖啡剧本的一部分：
fieldCorrectResponse: (fields, response) ->
if fields == correct
$('#new_mail')[0].submit()
else
$('#mail_error'
浏览 2提问于2013-08-15得票数 0
回答已采纳
我有mvc剃刀视图表单，它在提交表单时调用javascript函数，然后将特定选择的comboboxid发送到控制器进行进一步处理。
<input type="submit" value="Save" onclick="submitForm()"/>
function submitForm()
{
var selComboBoxId = $('#comboboxId').val();
// send selComboBoxId to the controller ..
}
在没有js函数
浏览 0提问于2014-06-04得票数 0
1回答
我有一个简单的表单提交(一封电子邮件)的应用程序。我将MixPanel的跟踪分析集成到应用程序中，并希望跟踪每次与此表单发生交互的时间--特别是当用户成功/失败提交表单时，以及他们的电子邮件是什么。
在做了一些研究之后，似乎最简单的方法是在控制器级别进行跟踪(我在那里运行验证，并做出提交是否合法的总体决定)。这将需要从控制器运行JS函数。这个是可能的吗？有没有更好的方法呢？
浏览 15提问于2016-02-01得票数 1
我有多个js数组，它们需要在表单提交时传递给控制器。可以不使用AJAX将这些数组传递给带有post请求的控制器吗？
浏览 2提问于2016-10-15得票数 0
回答已采纳
如何获取用户的输入值并将其提交给ajax，然后提交给控制器？现在，在我的控制器中，它告诉我id在$_POST['id']中是一个未定义的索引
这个输入文本字段实际上在另一个表单中，有点像表单中的表单。
<?php echo $form->textField($model,'email',array('id'=>'email')); ?>
<?php echo $form->error($model,'email'); ?>
<?ph
浏览 0提问于2014-03-10得票数 0
1回答
Rails & Web开发新手。我有一个要修改的DOM元素。我目前有一个单独的Javascript文件来修改DOM。
function start_loading_bar(msg) {
loading_message(msg)
$('#progress').fadeIn()
}
function loading_message(msg) {
$('.progress-message').text(msg + "...")
}
它链接到表单提交按钮启动的onclick事件。
= f.submit "Submit"
浏览 16提问于2019-08-07得票数 1
回答已采纳
我使用元素弹出和联系形式7在我的wordpress网站。我要做的是在提交联系人表单7之后触发元素的弹出。
到目前为止，我所做的事情如下。我没有控制台错误。
我的html代码：
<form>
<input id="popup" onclick="return SubmitForm(this.form)" type="button" name="elementor-popup-modal-1036" value="Submit request" />
</form>
我的js密码
浏览 7提问于2021-04-06得票数 1
回答已采纳
1回答
我不知道在这里要加哪些标签。
我在Javascript中添加了一些对formSubmit事件的跟踪。我想尝试在浏览器中多次提交表单，并想知道Chrome或JS中是否有一些设置，我可以在控制台中输入，这样可以防止表单在提交时重定向吗？
浏览 3提问于2017-03-23得票数 3
回答已采纳
也许下面对我遇到的问题的描述会有点含糊，但我会尽量解释清楚。
我有一个表单正在提交给Spring mvc控制器。除了来自该表单的信息之外，我还希望填充控制器公开的模型的一个数组，该数组来自我在JavaScript中创建的一个数组。
在服务器端，我希望获取从表单和数组接收到的数据，并将其持久化到DB中。
在提交表单时，如何从JS中创建的数组填充服务器端的数组？
浏览 2提问于2012-03-29得票数 0
回答已采纳
我的Rails应用程序有一个问题，如果用户在表单上单击提交，然后停止浏览器继续(KILL_CURSOR)，如果他们重新提交表单，它将在数据库中创建一个重复的条目。我曾尝试安装javascript来禁用提交后的输入，但在这个用例中不起作用。
有没有办法让我验证一个表单是不是重新提交，即使它有相同的真实性标记？
这是我的控制器：
def create
@location = Location.new(params[:location])
@location.user_id = current_user.id
if @location.save
#refresh window to
浏览 3提问于2013-09-19得票数 0
我正在使用google recaptcha在我的angular js应用程序中提交表单之前，它第一次工作正常，但如果我尝试第二次提交表单(相同的表单)，它会显示错误
angular.js:14525 TypeError: Cannot read property 'value' of null
我的recaptcha代码是
<div vc-recaptcha key="my key here" ng-model="letter.myRecaptchaResponse" on-create="setRecaptchaId(widget
浏览 3提问于2017-09-12得票数 0
2回答
在使用axios向服务器发送请求后，我正在尝试检查状态。我设计了一个服务器，如果你提交表单时输入为空，你会得到一个错误。如果您可以在代码中看到，我曾尝试检查finally块中的状态，但它不能正常工作。就像我最初在没有输入的情况下提交表单时一样，控制台日志显示no errors，而当我尝试提交包含输入的表单时，控制台中不会显示任何内容。我只想检查请求中是否有一个error，因为我想在它们之间运行一个函数。 我使用的服务器正在运行，您可以通过将URL更改为/getUser来获取数据/提交的表单。 代码在这里：https://codesandbox.io/s/quizzical-danny-dv1
浏览 9提问于2021-09-20得票数 0
1回答
描述：I有一个用于用户友好输入的表单：
但我不能以这种方式提交表单，因为我的表单操作模型如下：
public string Title { get; set; } // First input
public string Description { get; set; } // Second input
public string SportsmanId { get; set; } // Not used
public List<WorkoutExerciseParam> WorkoutExerciseParams { get; set;
浏览 2提问于2017-06-02得票数 0
回答已采纳
跟罐头上写的差不多。这段代码演示了这个问题：
function check(e) {
console.log($('input[name="myinput"]').val());
if ($('input[name="myinput"]').val() == "123") {
return true;
} else {
$('input[name="myinput"]')[0].setCustomValidity("Invalid");
浏览 27提问于2019-11-03得票数 1
回答已采纳
这是控制器代码：
respond_to do |format|
if user
format.js { render js: 'enter_your_password()' }
else
format.js { render js: 'check_your_email()' }
end
end
当我通过提交一个表单来调用它时，我会得到以下错误：
ActionController::UnknownFormat
浏览 0提问于2019-08-27得票数 1
回答已采纳
我有一个包含多个组件的表单，并尝试遵循本教程中的步骤，以验证输入：
我只是尝试了第一个，也就是名字，但验证不会发生。相反，控制台会发出一条消息:由于表单没有连接，所以表单提交被取消，因此应响应。
这是我的沙箱：
表单组件应该管理提交时的总体验证(FormProvider, useForm)，而在我的测试组件中，我试图管理单个输入验证和错误消息。但是，Form.js提交按钮保留onClick={makeContract}是很重要的
浏览 0提问于2021-09-19得票数 0
回答已采纳
我在grails 3应用程序中提交了一个值“02AP0040”，当表单通过ajax提交时，控制器中的值不会改变，但是当表单正常提交时，值将更改为“02AP0040”。我已经将application.yml，表单：表单中的mime类型更改为表单: multipart/form-data部件的配置文件(application.yml)如下：
grails:
applicationVersion: '@info.app.version@'
mime:
disable:
accept:
header:
us
浏览 0提问于2017-03-01得票数 0
1回答
为了解决不能拥有嵌套表单的问题，我编写了一个系统，它使用Javascript更新外部表单的隐藏输入值，然后提交表单。它在我的网站中的一个页面上运行得很好，但出于某种原因，它不在另一个页面上。在浏览器的JS控制台中，我看到了要提交的表单的正确ID，但是服务器端始终显示不同表单的数据。
下面是相关的代码片段：
因此，按钮的onclick操作调用JS函数updateAndSubmitForm ()来提交我希望为该按钮提交的实际表单("formAddStage")，而不是为周围的表单“表单更新计划”提交表单。
<form id="form-update-plan&
浏览 1提问于2016-04-17得票数 0
回答已采纳
我在对话框中有一个Rails 3 AJAX表单，它在每次提交表时都会向表中添加一行。我使用的是不引人注目的jquery方法。迄今为止：
如果AJAX表单不在对话框中，则它可以多次工作。
如果它在SimpleModal对话框中，它将精确工作一次。在此之后，提交按钮停止工作。没有提交，没有错误，没有任何东西，尽管它在从js控制台手动提交时运行良好，即$(‘.’).submit()；
当SimpleModal将html移动到对话框时，事件处理程序会被丢弃，但是中的所有内容看起来都像是.delegate()方法，所以我不知道为什么它不会重新附加。
我怀疑有一个非常简单的解决方案，我只是
浏览 1提问于2012-02-29得票数 0
回答已采纳
我正在尝试修改表单域的内容并从控制台提交表单。每当我使用Jquery或JS修改字段并提交时，页面只能识别手动键入的值。
下面的代码应导致字段“lastField”作为“欺骗条目”提交，但该字段却作为空白提交。
$('submit').click(function( event ) {
event.preventDefault();
$('#lastField').val('spoofed entry');
$('submit').submit(); //I also tried .click();
});
浏览 23提问于2017-02-03得票数 0
我正在提交一个包含file_field的form_for。当表单通过post提交时，控制器将使用.js文件进行响应，该文件将被执行。
file_field是可选的。
当我上传一个文件时，js文件会在一个新的文档中打开(作为一个简单的文本文件)，并且js不会被执行。当我没有上传任何文件时，响应div会被更新。我希望在响应div或独立于文件上传的失败消息中通知更新成功。
这可能是出于某些安全原因？对于想要做到这一点的人，有什么解决办法吗？
粗略地说，
表单部分_action.html.erb：
<div id="response"></div>
<%=
浏览 0提问于2012-06-13得票数 3
回答已采纳
2回答
从JS代码提交表单
、、、
我有一张表格：
@model project.Models.ChannelAndLocationViewModel
@{
const string formId = "parentForm";
}
@using (Html.BeginForm("EditChannel", "Channel", FormMethod.Post, new { id = formId }))
{
Html.RenderPartial("EditChannelForm", Model);
<br />
浏览 5提问于2015-04-25得票数 0
回答已采纳
我有一个包含@HTML.BeginForm对象的基本ASP.NET MVC5页面。这个表单将是非常动态的，并且会随着用户的使用而添加各种内容。
我想在这个表单中有几个按钮，在AJAX Post调用控制器从数据库中收集数据(用于填充选择框)之前，我想要几个按钮，但我不想让它们实际提交表单。我想在表单底部的一个按钮，说“提交”，并实际提交整个表单时，用户完成了。
我希望在@HTML.BeginForm对象中有额外的按钮，这些按钮能够发送到服务器，以便从数据库收集数据，而无需实际提交整个表单。我已经将jquery.unobtrusive-ajax.min.js库添加到我的页面中，但这似乎没有帮助。
浏览 9提问于2020-06-01得票数 0
2回答
我需要向端点提交一个表单，但是由于CORS的头部我无法控制，所以不能用AJAX来完成这个任务。
我目前正在通过呈现一个隐藏的iframe和目标提交在那里这样做。但我仍然无法捕捉到这个事件(我猜是因为它在iframe的范围内？)
<form id="my-form" method="post" action="www.example.com/submission-endpoint" target="hiddenframe" >
// ... form fields ...
</form>
<i
浏览 0提问于2019-07-16得票数 0
回答已采纳
2回答
当按下submit按钮时，我有一个JS函数要执行。
<td colspan="2" align="center"><button
onclick="return myFunction()">test</button></td>
上面的线工作得很好。但是当我使用chrome浏览器的控制台窗口提交表单时
document.getElementById("use").value=99;
document.forms[0].submit();
myF
浏览 2提问于2017-10-27得票数 0
回答已采纳
2回答
在我的Rails 3应用程序中，我有一个简单的表单，如下所示：
<%= form_tag({:controller => "activity", :action => "record"}, :method => "post", :remote => true, :class => "myform") do %>
<%= hidden_field_tag 'name', 'Jack' %>
<% end %>
我的控制器：(a
浏览 4提问于2012-01-27得票数 0
回答已采纳
我有ASP.NET Core应用程序，我想使用jQuery客户端验证。我在_Layout.cshtml中导入脚本，并在源文件中看到它们：
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
<script src="~/lib/jquery-validation/dist/additional-meth
浏览 2提问于2020-03-19得票数 0
1回答
我有一个输入，JS使用它来控制提交两个具有不同操作的表单，但是只会提交其中的一个，并且它应该包括这个输入。
我可以使用隐藏输入来实现，当原始的值发生变化时，使用JS来更改它们的值，但我想知道是否有HTML5解决方案。
下面是我的JS代码：
$(function(){
$('#originalOne').change(function(){
// check if I should disable a form
$('.hiddenOnes').val($(this).val());
})
});
浏览 1提问于2016-12-07得票数 1
1回答
我正在构建我的第一个rails应用程序，并且是ruby和rails的新手。在通过ajax提交表单后，我尝试在页面上呈现提交消息。
我已经在表单中添加了:remote =>真参数。然而，在我的应用程序中，我似乎无法在之后呈现消息。作为测试，我设置了一个新的rails应用程序，并使用脚手架生成了一个带有表单的帖子、模型和视图等。
我在生成的表单中添加了remote :remote => true。它将数据很好地提交给数据库。我已经阅读过，我可以只更新控制器以包含带有format.js的js，在本例中将posts_controller.rb函数更新为
def new
@post =
浏览 1提问于2012-05-01得票数 3
回答已采纳
是否可以使用jQuery验证插件来运行验证，但实际上允许提交表单？
原因是我想要一个‘保存进度’按钮，它将允许您基本上提交错误的数据。表单最终将有多个步骤，在最后一步，我将计算表单的有效性，并启用一个“submit”按钮(如果所有部分都是有效的)。因此，用户将收到类似“您的进度已经保存，但表单不能提交，直到所有必需的字段都完成”的东西。
我想知道你是否可以用submitHandler做点什么，但我真的不知道从哪里开始。
编辑-在Sparky的初始答案之后更新
在@Sparky的最初回答之后，我已经开始使用button type="button"来控制表单的提交，即使它是无效的
浏览 2提问于2014-08-21得票数 0
回答已采纳
我使用的是rails 3.1.3、jquery.form.js版本2.9.4和jQuery1.7.1。我将一些控制台打印语句放在jquery.form.js中，这样我就可以(在firebug控制台中)看到它已经加载。
我这样设置我的表单：
var options = {
success: s.update_or_add_contact_response, type: 'post',
dataType: 'json', url: s.update_contact_path
};
$('form#new_user').submit(f
浏览 2提问于2012-01-09得票数 2
我有一个表单提交通过ajax。如果表单成功提交，页面将重定向到其他位置。如果表单失败，我将重新呈现带有部分符号(.js.erb)和内联错误的表单。
这可以很好地工作。
im的问题是，当页面呈现时，我需要向application.js发送某种类型的json响应/数据。只是，我不确定这是否可能。
//application.js
$(document).on('click','#sumbit_div',function(e) {
$.ajax({
url: '/create',
type: 'post',
dataT
浏览 0提问于2013-02-04得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
