使用jQuery选择/提交仅更改的表单字段
使用jQuery选择/提交仅更改的表单字段，可以通过以下步骤实现：
- 首先，在HTML文档中引入jQuery库，如下所示：
- 在JavaScript代码中，可以使用jQuery的
change事件监听器来检测表单字段的更改。当表单字段发生更改时，将其添加到一个数组中，以便稍后提交。
var changedFields = [];
$('form input').change(function() {
var fieldName = $(this).attr('name');
if (!changedFields.includes(fieldName)) {
changedFields.push(fieldName);
}
});- 当需要提交更改的表单字段时，可以使用jQuery的
serializeArray方法来获取表单数据，并将其过滤为仅包含更改的字段。
function submitChangedFields() {
var formData = $('form').serializeArray();
var filteredData = formData.filter(function(field) {
return changedFields.includes(field.name);
});
// 提交过滤后的数据
// 示例：使用AJAX提交数据
$.ajax({
url: 'your-server-url',
type: 'POST',
data: filteredData,
success: function(response) {
// 处理服务器响应
},
error: function(error) {
// 处理错误
}
});
}- 最后，可以在需要提交更改的表单字段的地方调用
submitChangedFields函数。
submitChangedFields();这样，只有更改的表单字段会被提交，而其他未更改的字段将被忽略。
相关·内容
2回答
从数组多键名中删除字符串
javascript、jquery、ajax
我有一个表单，我所有的表单字段名都以一个预先准备好的“家庭”开头。例如：
Family.Name
Family.LastName
我需要改变的是：
Name
LastName
现在，在使用serializeArray() jquery函数发送到服务器之前，我希望删除“Famil.”(如果存在)。以下是我的当前代码：
var formData = $('#FamilySpouseCreate').serializeArray();
$.ajax({
type: 'Post',
浏览 0提问于2019-03-03得票数 3
2回答
如何限制序列化的Ajax .post中html(info)的输出响应
php、jquery、ajax、serialization
我正在使用这个表单和jquery帖子片段(下面是自发表单)
<form id="form1" name="form1" method="post" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'],ENT_QUOTES, 'utf-8');?>">
<input type="text" name="username" id="username" /&g
浏览 0提问于2015-12-14得票数 1
回答已采纳
1回答
如何使用JQuery和Spring控制器提交表单
javascript、jquery、ajax、spring、spring-boot
当我禁用ajax函数时，我很难理解为什么我的表单提交成功。当我在输入表单上启用ajax时。未提交我填写的输入值。我使用工具来检查提交的FormData。我意识到什么都没有被服从。因此，我遇到一个错误，要求我填充这些字段。
控制器
@PostMapping(value = "/basicAjax.json")
@ResponseBody
public ResponseEntity<Object> addCertJson(@Valid @ModelAttribute CertificateProgramme certificate, Bindin
浏览 3提问于2017-03-24得票数 0
回答已采纳
1回答
外部JSON文件的HTML输入
javascript、jquery、html、json、ajax
我有一个基本的输入表单，由姓名，年龄，电子邮件，密码组成。我尝试将其从HTML传递给Javascript，然后Javascript将其转换为外部JSON文件中的JSON字符串，然后我可以从该文件中提取。我似乎不能让它将输入数据发送到我的json文件。我的JSON文件被命名为'formdata'，它和我的html/javascript以及jquery在同一个目录下。你知道可能是什么原因造成的吗？
<main>
<form id="myform" type="post">
<field
浏览 4提问于2018-03-13得票数 0
1回答
表单提交信息两次。你怎么阻止它呢？
jquery、ajax
此脚本用于在提交时清除表单，并淡入淡出响应，但由于某种奇怪的原因，它提交了两次表单。如何让它停止发送用户提交两次的信息？
代码如下：
<script type="text/javascript">
jQuery(document).ready(function() {
var clearOnSuccess = function() {
if (jQuery('#emailSubmit').length > 0) {
浏览 1提问于2013-06-23得票数 0
1回答
jquery:未登录的TypeError:非法调用
javascript、jquery、asp.net、asp.net-mvc、asp.net-mvc-4
当我试图将我的表单提交给服务器端代码上的一个操作时，我遇到了一个问题，如下所示：
[ValidateAntiForgeryToken]
public async Task<ActionResult> DoRegister(UserRegistrationViewModel model)
{
// Some code here
}
该表单还包含Html.AntiForgeryToken()，因此这不是一个问题。jQuery代码如下所示：
$('form').submit(function (event) {
even
浏览 0提问于2018-11-27得票数 0
回答已采纳
2回答
关于不带Ajax的Ajax错误发送表单
javascript、jquery、ajax
我有以下代码：
$("#contactform").validate({
rules: {
// ...
},
submitHandler: function(form) {
var postData = $(form).serializeArray();
var formURL = $(form).attr("action");
$.ajax({
url : formURL+'validate',
浏览 4提问于2014-06-05得票数 0
回答已采纳
2回答
为什么不加载页使用javascript提交表单时不能获取post数据？
javascript、php、forms
为什么不加载页使用javascript提交表单时不能获取post数据？
首先加载页面a.php，然后按OK button为什么不回显$_POST["id"]
下面是javascript代码
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<form id="myForm" name="myForm" action="b.php" method="p
浏览 6提问于2016-04-26得票数 1
1回答
如何在提交事件之间持久化文件上载表单数据
php、html、forms、post
我试图保留上传的文件信息，同时改变其他形式，切换/参数，并避免每次重新上传文件。是否可以持久化文件上载数据？
用于表单的HTML
<form method="POST" action="" enctype="multipart/form-data">
<input type="file" name="fileUpload" id="fileUpload">
<input type="submit" value="Upload This"
浏览 2提问于2019-12-12得票数 0
回答已采纳
1回答
使用ajax和javascript显示和隐藏表单
javascript、php、html、ajax
我试图通过ajax在数据库中插入值。有从数据库循环进入的行。我已经在每一行中添加了一列，其中有按钮。点击按钮，我提交的值在数据库中，它的工作良好。删除查询也正常工作。
我想隐藏在成功提交时选择表单，并显示取消表单。
当插入查询失败时，希望显示错误。
当删除查询成功时，单击“取消”按钮显示“选择表单”。
需要帮助。提前感谢
PHP代码：
同时循环代码：
if($num_rowsslctcncl)
{
$slctcncldis="<form name='cancel_selection' class='cancel_selection' act
浏览 1提问于2017-03-14得票数 2
回答已采纳
1回答
jQuery禁用表单来验证数据
jquery
我试图禁用登录表单，以便在提交到服务器之前快速验证用户数据。我当前的代码工作得很好，但是我现在面临的问题是，我需要点击submit按钮2次才能提交表单。我目前的代码是：
$('#login-submit').click(function() {
var nameId = '#' + $(this).attr('name'); // Form name
submitForm(nameId);
});
function submitForm(nameId) {
var formId = nameId + '-fo
浏览 3提问于2014-12-25得票数 0
回答已采纳
1回答
使用ajax提交表单时出错
javascript、node.js、ajax
当我提交post方法表单时，给出输入字段的值，而不是在提交时得到。如果我在Jquery中使用Ajax调用，表单值序列化并正确提交它，但是在javascript中，使用FormData的Ajax调用是错误的。
有人能解决我的问题吗。
错误：
错误:无法在标题发送后设置它们。在ServerResponse.OutgoingMessage.setHeader (_http_outgoing.js:356:11)
apollo.model.save.unsetkey:主键字段:名称必须有一个值
<!DOCTYPE html>
<html lang=&#
浏览 2提问于2017-05-09得票数 0
1回答
Symfony2:无法使用ajax提交表单
jquery、ajax、forms、symfony
我正在尝试通过ajax调用提交一个用symfony2创建的表单。我知道有很多教程，但我认为我做的每一件事都是正确的，但仍然不能让它工作。
下面是我在控制器中的代码：
/**
* @Route("/preferences", name="_mybundle_preferences")
* @Template()
*/
public function preferencesAction(Request $request)
{
$em = $this->getDoctrine()->getManager();
$allprefs
浏览 1提问于2014-11-05得票数 0
4回答
所有HTML字段值不起作用的和
javascript、jquery、html、laravel-blade
我有将近100个HTML下降在一个表单内，在提交之前，我想从所有的下拉框中计算所选值的总和。目前，它不起作用。
jQuery:
<script type="text/javascript">
$(function () {
var fields = $('#addFullAuditReport :input').change(calculate);
function calculate() {
var score = 0;
fields.each(function () {
浏览 4提问于2016-02-21得票数 0
回答已采纳
1回答
JQuery插件表单-如何使用onchange事件提交表单
javascript、jquery
我是JQuery新手-我需要使用JQuery表单插件上传文件，但我想在选择文件后立即提交表单(在输入标记myfile的更改事件上，如下所示)，
<html>
<body>
<form encType="multipart/form-data" method="post" action="file-echo.php" encoding="multipart/form-data" id='fileUploadForm'>
**<input name=&#
浏览 0提问于2012-10-29得票数 0
1回答
JQuery -将表单数据发布到API
jquery、ajax
我在HTML中有一个基本表单，如下所示：
<form id="myForm">
<input type="text" id="name" name="name" />
<br />
<input type="text" id="email" name="email" />
<input type="button" id="myButton" onclick="send
浏览 5提问于2016-05-20得票数 2
回答已采纳
1回答
尝试使用jquery移动表单域
jquery、wordpress、forms、append、prepend
我正在尝试将表单值或输入字段移动到文本段落中。我已经尝试了几乎所有的方法，但似乎无法让我的jquery对表单域或表单值做任何事情。这是我正在处理的页面：
在"Impact Form“部分，我尝试将值"33”移动或克隆到"Provides“之后的段落中。我目前在表单中有两种方式，一种是作为输入，另一种是带有span的摘要。(不确定其中一个是否比另一个更容易移动)我添加了一个跨度，并在其中添加了一个我想要移动值的类。该值随窗体滑块位置的不同而变化，因此我不确定这是否是导致问题的原因。我尝试了很多方法，首先移动表单包装器以包含整个部分(不确定它是否没有移动，因为我将它移到表单
浏览 0提问于2017-11-05得票数 0
1回答
jQuery -填入表单联系人后的占位符值
javascript、jquery、html、ajax、forms
我想使用jQuery来改进我的表单联系人。单击并显示提交按钮上的占位符值后，我希望清除输入字段。我在输入字段中有占位符，希望将它们加载到变量中，并在ajax方法之后显示它们。
<input type="text" name="name" placeholder="Name" data-error="Please write name">
和jQuery代码：
form.on("submit", function(e) {
e.preventDefault();
var
浏览 2提问于2017-06-12得票数 0
回答已采纳
5回答
变量未定义
javascript、jquery、tipsy
我正在尝试这段代码来更新tipsy插件的后遗症。如何在第一个函数之外访问变量()？我可以重写变量来进行更新，对吗？
<script type="text/javascript">
$(document).ready(function () {
var a ="Login";
$("#login_form").submit(function () {
var formdata = $("#login_form").serializeArray();
$.ajax({
浏览 8提问于2011-11-08得票数 0
回答已采纳
2回答
如何使用ajax提交内联编辑？
php、jquery、ajax
如何使用ajax提交此表单。
现在，它从mysql查询创建一个表。当您单击一行后面的编辑按钮时，Javascript会将所有单元格转换为input=text。
现在，当您单击行尾的Submit按钮时，我希望它通过ajax将编辑后的数据提交到mysql。
我不知道我从哪里获得我需要通过ajax发布的数据。
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src=
浏览 1提问于2012-07-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
