我如何使用jQuery的form.serialize但排除空字段
您好！您想了解如何使用jQuery的form.serialize()方法，同时排除表单中的空字段。这里是一个简单的方法，可以帮助您实现这个功能：
- 首先，确保您已经在您的HTML文件中包含了jQuery库。您可以使用以下代码将其添加到您的HTML文件中：
- 接下来，您可以使用以下JavaScript代码来实现排除空字段的功能：
$(document).ready(function() {
$('form').submit(function() {
var nonEmptyFields = $(this).find(':input').filter(function() {
return $(this).val() !== '';
});
var serializedData = nonEmptyFields.serialize();
console.log(serializedData);
// 在这里执行您的其他操作，例如发送数据到服务器
return false; // 阻止表单的默认提交行为
});
});这段代码首先在表单提交时触发，然后使用jQuery选择器找到所有非空的输入字段，并将它们序列化为字符串。您可以在控制台中查看序列化的数据，或者将其用于其他操作，例如发送到服务器。
请注意，这个示例仅适用于在表单提交时排除空字段。如果您需要在其他时间排除空字段，您可以根据需要调整代码。
希望这个答案对您有帮助！如果您有其他问题，请随时提问。
相关·内容
2回答
一个是小代码，它允许我在表单字段为空或一切正常时查看错误消息。我要做的是输入一个加载程序或文本，以表明提交的操作正在处理中。我真的不知道从哪里开始，有人能帮我理解如何做到这一点吗？
jQuery(document).ready(function($) {
$('.mts-edit-account').on('submit', function(e) {
e.preventDefault();
//Ajax Handling Error
var $form = $(this);
jQuer
浏览 6提问于2022-09-11得票数 1
回答已采纳
我有一个带有大量文本输入的搜索表单&通过GET提交的下拉列表。我希望在执行搜索时，通过删除查询字符串中的空字段来获得更清晰的搜索url。
var form = $("form");
var serializedFormStr = form.serialize();
// I'd like to remove inputs where value is '' or '.' here
window.location.href = '/search?' + serializedFormStr
你知道我如何使用jQ
浏览 12提问于2009-03-03得票数 111
回答已采纳
1回答
我有一个带有form的bootstrap，它工作得很好。jQuery验证工作正常。当涉及到ajax提交代码时，出现了一些错误。即使form未被验证，提交工作也是有效的。
假设我留了一个字段为空并按submit，它突出显示了空字段上的错误，但是ajax仍然提交了form。
我怎样才能停止行动并要求验证呢？
这是form标记：
<form id="booking" method="post" class="form" action="" >
....some input fields here....
&l
浏览 0提问于2014-01-02得票数 3
回答已采纳
因此，我使用jQuery发布一些项目并保存到数据库中。我有两个可选的字段，如果它们不是空的，我想在fadeIn函数的相关div中成功。您将注意到#picCheck.fadeIn。现在，如果提交了内容，它就会淡出，但就像我说过的，只有在提交的表单中的变量fadeIn被设置的情况下，我才会对它进行设置。
下面是jQuery：
$.ajax({
type: "POST",
url: "edit.php",
data: $form.serialize(),
success: function(){
$('form#
浏览 1提问于2009-11-20得票数 0
回答已采纳
我有一个有几个输入和其他字段的表单。
我有一个保存按钮，当我单击时，我用ajax和jQuery发送表单：
$.ajax({
type: "POST",
dataType: "json",
url: $('#ajaxUrl').val(),
data: "action=save&" + form.serialize()
});
所以，当我只有像文本这样的简单输入时，选择etc。没问题的。但是如果我有一个输入类型的文件，我
浏览 4提问于2013-07-18得票数 6
1回答
我有一个具有不同输入字段和一个文本区域的多步表单。我想使用form.serialize()来序列化这些代码。但不幸的是，我不能同时序列化输入字段和文本区域。这是更好理解的代码。我需要一步一步地序列化。
form = $('form .part-2 input'); // textarea is missing
formData = form.serialize();
$('#output').text(formData);
// form = $('form .part-2'); // input field(s) and textarea
浏览 7提问于2020-02-03得票数 1
回答已采纳
2回答
在这种情况下，我必须使用占位符或title在数据库中插入值，我知道我们可以使用
$form.serialize，它选择表单的所有值，但在我的示例中，value字段总是为空的，如果没有像序列化那样定义占位符值和标题值，则需要选择占位符值和标题值。
是否有自定义的jquery代码或已经内置的东西，我如何才能像$(form).serializePlaceholder或$(form).serializrtitle一样使用它？
如果某些情况下，如IE8，占位符不受支持，它应该自动选择标题，或者我可以用这样的方式来定义它，如果没有定义placeholder，选择title
浏览 5提问于2015-08-29得票数 0
1回答
我正在使用jQuery来序列化一个表单，并将它的值发布到一个url中，该url将它们作为名称/值对存储在DB中。但是，每个表单字段的名称和ID是动态生成的(例如f4sgg-342)，因此没有描述特定字段。我无法控制生成这些字段的系统。
但是，也有相应的标签，其中包含特定表单字段的描述--它们还包含一个for="f4sgg-342“属性，允许我将标签链接到正确的字段。
我使用了常规的form.serialize()函数：
<script type="text/javascript">
$(document).ready(function() {
var
浏览 0提问于2018-10-10得票数 1
回答已采纳
1回答
我要使用jQuery发布这个搜索表单： <form id="search-article-form" method="post">
<input type="hidden" name="token" value="LSN71T8CeWr">
<input id="searcharticle" type="text" placeholder="search..."
name="searchartic
浏览 6提问于2019-07-03得票数 0
回答已采纳
在用户单击submit按钮后，我通过ajax调用发送表单数据，然后在视图中处理此请求，但表单为空。如何填充表单？
这是我的代码：
我的JS文件：
var csrftoken = getCookie('csrftoken'); //getCookie is a csrf_token generator
var form = $(this).closest('form')
$.ajax({
url: form.attr("action"),
data: { // if I change this lin
浏览 2提问于2018-06-11得票数 0
1回答
假设我的表单看起来像
首先:使用jQuery在每个选择字段上显示数据，比如自动提交
$('#region,#categories,#types').change(function () {
$(this).closest("form").submit();
});
第二:一次性查询。选择所有字段，然后单击搜索按钮
我想知道哪种方法可以很好地显示搜索结果。
浏览 0提问于2010-12-26得票数 1
回答已采纳
3回答
购物车数量输入表单使用以下代码定义。初始数量必须为空。
表单使用jquery post()通过ajax提交。
提交前如何检查数量是否填满了大于0的整数？
我尝试了下面的代码，但警告框返回htmlinputelement，因此检查失败。
<form class='browse-addtocart-form' action="<%= Url.Action("AddToCartPost", "Store")%>" method="post">
<input class=
浏览 4提问于2013-04-24得票数 0
回答已采纳
在这一点上，我尽量远离JQuery (不是针对JQuery，我只是不想为了这样的小东西而将一个巨大的库加载到这个项目中)。 我很好奇如何告诉HTML5重新检查给定表单中的所有必需输入字段。例如，我有这样的表单(虽然稍微复杂一些，但你明白了)： <form action="here" onsubmit="check()">
<input required name="something">
<input type="submit">
</form> 如果我在必填字段中
浏览 19提问于2019-05-28得票数 2
回答已采纳
在使用jQuery提交之前，我试图检查其中一个或两个字段是否为空。如果任何输入为空，则应该通知用户，否则转到ajax函数。如果我填写用户名字段，它不会查看密码字段。但是，如果我将username字段保留为空，则将显示正确的对话框，并且它不会执行ajax脚本。我是否使用了.each()函数错误？
html：
<div id="dialog_success" title="Success">
<p></p>
</div>
<div id="dialog_error" title=&
浏览 0提问于2018-05-20得票数 2
回答已采纳
我有一个使用jQuery提交ajax帖子的表单，它序列化了发送的表单。代码如下所示：
var form = $("form");
var action = form.attr("action");
var serializedForm = form.serialize();
$.post(action, serializedForm, function(data)
{
...
});
这里的问题是，如果字段有尾随空格，序列化函数将将这些空格转换为加号(+)符号，而此时应该删除这些空格。
是否有一种方法可以使字段被裁剪为，而不需要执行以下操作：
$("
浏览 22提问于2008-10-20得票数 4
回答已采纳
我正在做一个MVC项目，我有一个表格如下：
<div id="horizontal-form">
@using (Html.BeginForm("Send", "Ticket", FormMethod.Post, new
{
@class = "form-horizontal",
role = "form",
id = "form_send_ticket
浏览 1提问于2016-03-30得票数 1
回答已采纳
4回答
快速提问..。
我有一个输入框，在输入键时，将值添加到无序列表中。如何将这个无序列表传递给jquery帖子？我使用的是form.serialize，所以我不必为投递定义每个变量。
例如，我输入了3个水果，它们被动态地添加到表单中的无序列表中。
水果:在这里输入文本
AppleBananaPear
我正在考虑创建一个隐藏的文本字段，每当用户按enter键时，该字段就会填充新的值。
还有其他想法吗？
浏览 5提问于2010-07-20得票数 6
回答已采纳
我想用jquery在django中发布一个表单。我希望我的表单能够发布一个文件也。正如我所读到的，使用form.serialize()不会传递文件字段的内容。所以我读到了关于FormData的文章。但是当我使用FormData时，我的django视图不会将其识别为ajax请求。我的代码(使用序列化)
$.ajax({
url:'/customer/create/',
type: form.attr('method'),
contentType:'application/x-www-form-urlencoded;charset=u
浏览 2提问于2014-01-27得票数 4
我使用form.serialize()来获取参数列表。
如果参数为空或其空格，我想将其从列表中删除。
例如：
testAction.action?a=1&b=&c=3
应该会给我
testAction.action?a=1&c=3
首先，我使用正则表达式：
params = params.replace(/[^&]+=\.?(?:&|$)/g, '');
但问题是如果我的url是
testAction.action?a=1&b=2&c=
正则表达式将返回我
testAction.action?a=1&b=2&
浏览 0提问于2013-05-14得票数 0
回答已采纳
2回答
当我尝试在jquery中序列化<%: Html.CheckBox("Something", true) %> (使用form.serialize())时，我得到两个复选框，一个是真的，另一个是假的。我知道MVC会呈现true，如果复选框为true，就会呈现false，所以如果我不是通过javascript，我只会检查true是否存在，但是我如何知道在执行form.serialize之后我的复选框是否被选中？
浏览 3提问于2011-03-30得票数 4
回答已采纳
问题出在executeScalar上，其中我的sql语句没有返回任何
我的表中有一些值是Int32的类型，其他的则是可以为空的日期时间值。我想要的是当用户没有填充textbox来插入一个空值，而不是“”(空格)，这对我的字段来说是不正确的类型。
我尝试过这样的想法：
insertActor.Parameters.AddWithValue("@School2StartYear", String.IsNullOrWhiteSpace(txtSchool2StartYear.Text) ? (object)DBNull.Value : (object)Int16.Parse
浏览 0提问于2012-07-23得票数 0
回答已采纳
3回答
我正在使用jQuery AJAX在WordPress中加载两个下拉列表。我将AJAX数据作为字符串获得，我只是将这些<option>附加到我的<select>字段中。它很好用。但每次都没有清除前一个附件。所以它实际上是在添加重复选项。
因此，我做了一个更改，将empty()添加到<select>字段：
jQuery.ajax({
type: 'POST',
url: ajaxurl,
data: {"action": "load_product",
"co
浏览 2提问于2015-04-05得票数 3
回答已采纳
2回答
我有一根绳子，看起来像这样：
id_company=57&name=&address=&zip=&place=&phone=&mobile=&email=&birthdate=&birthplace=&bsn=&driver_expires=&role=&date_started=&contract=Tijdelijk&id_type=Paspoort&id_number=&id_expires=
上面的示例大部分是空的(除了id_company)。
我在jq
浏览 0提问于2018-09-19得票数 2
回答已采纳
我正在学习如何使用ASP.NET MVC中的模式部分视图进行CRUD操作的教程。看起来，JQuery代码正在捕获表单元素及其值，但没有将数据传递给控制器("emp“包含空值)。我做错了什么？
以下是控制器操作：
下面是模态视图：
下面是JQuery：
最后，下面是在发布之前显示"sendData“包含的内容的警报：
使用Serge的建议，JQuery已更改为：
<script>
$(function () {
var PlaceHolderElement = $('#PlaceHolderH
浏览 7提问于2021-12-21得票数 2
回答已采纳
我有一个登录表单包含密码字段。我以模式方式显示此登录表单，我希望处理表单提交响应是一种特殊的方式(实际上将登录条更新为帐户菜单)，因此我防止默认的表单提交。
$("#myformid").submit(function(event){
var form = $(this);
console.log(form.serialize());
event.preventDefault();
jQuery.ajax({
url: "http://localhost:5782/login",
success: function
浏览 5提问于2021-12-20得票数 0
我在postgresql表feeAmount中有一个json字段
feeAmount | id
------------------------------------+---------------
| 001
{"value": null, "currency": "AUD"} | 002
{"value": "5", "currency": "AUD"
浏览 5提问于2022-04-19得票数 0
回答已采纳
如何手动向form对象添加新参数。例如，我可以执行以下操作：
var form = $(#formId);
$.ajax({
type: 'post',
dataType: 'json',
url: action,
data: form.serialize()
...
这将序列化所有发布的字段，并将它们传递给ajax。如何向form对象添加额外的字段(即表单未发布的字段)？
浏览 0提问于2015-12-08得票数 3
1回答
我正在尝试编写一个函数，在更新名字字段和姓氏字段时更新表单的URL片段字段。但只有当子弹在页面加载时是空的。
当对姓/名字段进行任何更改时，我已经成功地获得了弹格的更新。我只是不太清楚如何将更新限制在这样的情况下:首先，段塞字段的值是空的。
我遇到的一个问题是，表单是通过AJAX加载的，所以如果我在页面加载上测试段塞字段的长度，它将始终是空的。
我怎么编辑这个有什么想法吗？
var FirstName = jQuery('input#FirstName').attr('value').replace(/[^\w]/gi, '');
var Las
浏览 3提问于2012-12-31得票数 1
回答已采纳
我试图通过按enter来添加新的输入字段。现在，当我按Enter键时，会添加一个新字段，但是焦点将直接转移到Submit按钮，而不是新添加的字段。我怎么才能阻止这一切？
此外，我如何增加一种“预防”，使一个新的领域不能添加，除非已经写入到当前的领域？
下面是它当前的工作方式：
编辑我还想出了如何防止添加下一个字段，如果当前字段是空的：
$(document).ready(function() {
$("#items").keypress(function(e) {
if (e.which === 13) {
e.preventDefault();
浏览 0提问于2021-06-01得票数 0
回答已采纳
在java中将实体转换为json字符串时遇到问题。我在客户实体上有一个inputstream字段，我想把客户实体转换成json字符串。Customer的所有字段都是convert OK，但转换后inputstream字段的值为空。
我的代码：
protected String convertSettingText(Customer customer) {
JsonViewJson json = new JsonViewJson();
String customerJson = json.format(customer);
return customerJson;
}
如
浏览 3提问于2017-05-31得票数 1
我正在为Joomla 3.0开发一个自定义组件，并且在我的一个视图中使用了一个编辑器字段。我正在用纯HTML和JS开发我的视图，而不是Joomla XML结构。我已经成功地加载并使用了editor字段，但是当我使用ajax将表单数据发送到我的控制器时，editor字段没有显示，或者为空。
如何使用ajax将编辑器的内容发布到我的控制器？
表单代码-
<form id="servicecategory-form" name="servicecategory-form" enctype="multipart/form-data">
浏览 5提问于2015-01-28得票数 0
3回答
有类似的问题，但我浏览了很多，但没有找到准确的答案或解决方案，所以请提供一个解决方案！
我正在将一个表单转换为一个页面，并期待一个值返回--没什么大不了的。我以前已经做过一百万次了，但现在它就是拒绝对这一种形式起作用。
表单html：
<form class="selectClaimType" action="place.php" method="post">
<select id="claimtype" name="claimtype">
<option value=&#
浏览 2提问于2014-01-30得票数 0
4回答
我在一个表单上工作，其中有一个按钮被点击的隐藏输入字段，最初，值是这个字段是一个空字符串。我希望在ajax调用开始之前，一旦按钮被单击(这样我就可以知道被单击的按钮)，就能够将一个值传递给隐藏字段。现在，这就是我尝试过的方法，但是在ajax调用完成后，userType字段仍然是空的。这是我的HTML代码。 <form role="form"
id="UserReg"
name="UserReg"
>
<input type="hidden"
name="user_t
浏览 37提问于2021-01-20得票数 0
1回答
下面的代码不会将文件数据发布到IE9中的服务器。
FormData()对象看起来是问题所在，但不确定如何解决它。
我使用了form.serialize()，但这不是上传文件。
我不太愿意为这个函数实现一个JQuery文件上传器。是否有一种简单的方法来上传类似于FormData()的文件？
// HTML
<form name='aform' action='upload.php'>
<input type='file' name='afile'>
浏览 0提问于2015-05-26得票数 3
回答已采纳
3回答
如何在jQuery代码下面重构此代码。所有函数都执行相同的工作，但在表搜索框上按不同的键。它过滤表数据。我希望重新考虑这段代码，并将其编写成单个函数。请帮帮我。
jQuery(function($) {
// when the #name field changes
$("body").on("keypup", "#name", function() {
var form = $("#users_form"); // grab the form wrapping the name bar.
浏览 2提问于2015-04-09得票数 2
回答已采纳
4回答
我在jquery中有这个函数，它验证所有字段是否至少有一个字符输入，我的意思是，如果它们不是空的，就像你在下面的代码中看到的：
function validateStep(step){
if(step == fieldsetCount) return;
var error = 1;
var hasError = false;
$('#formElem').children(':nth-child('+ parseInt(step) +')').find(':input:not(button)').
浏览 3提问于2012-08-06得票数 0
回答已采纳
我正在尝试使用JQuery Ajax将表单数据传递给我的控制器方法，但我不确定如何做到这一点，因为当我在控制器端使用调试器时，我的ViewModel为null。
我的ViewModel是：
public class PremisesViewModel
{
public string createPremisesErrorMessage { get; set; }
public string updatePremisesErrorMessage { get; set; }
public SelectList listOfCounties = Initialise.co
浏览 2提问于2012-03-26得票数 6
回答已采纳
我需要在可空字段上执行graphLookUp。在本例中，我有一个“节点”集合，其中"name“和"connectsTo”可能都为空，但如果它们都为空，则不应将其视为有效连接：
{ _id: 1, name: "1", connectsTo: null }
{ _id: 2, name: "2", connectsTo: "1" }
{ _id: 3, name: "3", connectsTo: "2" }
{ _id: 4, name: null, connectsTo: "3"
浏览 0提问于2020-11-25得票数 0
回答已采纳
我需要为字符串字段创建一个Datastore索引。 问题是该属性显式使用setExcludeFromIndexes(true) 索引已创建，但为空。 如何才能使索引构建时忽略此ExcludeFromIndexes
浏览 15提问于2021-07-24得票数 0
2回答
我有3个文本字段。
第一个字段是唯一的必填字段，但如果第二个字段不为空，则第一个和第三个文本字段也不应为空。
如何在jquery中执行此验证？
浏览 0提问于2011-05-19得票数 0
我正在使用jquery做一个简单的表单post。问题是带POST的$.ajax可以工作，但$.post不能。请看下面的代码：
$.post(
{
url: url,
data: form.serialize(),
success: function (result) {
alert('startline posted');
}
});
和工作版
$.ajax(
浏览 0提问于2011-11-09得票数 2
回答已采纳
使用jQuery验证时，如果页面上有许多字段，并且只需要填充其中的一个，那么如何在它们都为空的情况下引发错误。
也就是说，用户可以填写一个或多个字段，但如果所有字段都为空，则会出现错误。我想知道是否有一种方法可以通过jQuery验证来做到这一点。
浏览 0提问于2011-08-04得票数 0
回答已采纳
4回答
我在IE11中使用了一个表单，并尝试使用此解决方案()来清除表单，并避免浏览器崩溃的错误。
请参阅上述链接的解决方案部分。我试着用那里的代码。我编辑了函数的调用如下
$(document).ready(function(){
$('#clearFormSetTimeout').click(function(){
clearFields(0, $("#myFormId :input"));
});
})
而且它是有效的。
唯一的问题是，在我的形式中，我还有一个按钮，比如
<input type="button"
浏览 6提问于2013-12-28得票数 0
回答已采纳
1回答
在中，如何搜索包含字符串[]的所有MESSAGES
如果我使用"hostname []"进行搜索，它将匹配完整的MESSAGE有效负载，如下图所示，但是如何匹配包含空[]的所有记录忽略hostname [3]等字段，但包括foo bar hostname []等条目
浏览 0提问于2018-07-13得票数 1
我想使用jquery .serialize()序列化我的div部分。我知道我们只能用这个函数序列化表单。为此，我创建了div部分的克隆，并将其追加到新创建的表单元素中，而不是序列化。其他输入字段正在序列化，但select列表值不序列化(所选值不在序列化字符串中)。我创建了一个JSFIDDLE：
<div id="serializethis">
<label>Quantity</label>
<select id="quantity" name="Quantity" size="1"&g
浏览 2提问于2012-12-22得票数 1
回答已采纳
1回答
我使用jQuery & PHPMailer()提交了一个表单。如果存在错误，它们将显示在表单的上面，例如"Name是必需的字段“，但是当所有字段都正确填充时，表单仍然在顶部显示一个空的alert alert-danger框，并且不提交。
jQuery
var form = jQuery("#contact-form");
form.submit(function(e) {
e.preventDefault();
jQuery('#submit').attr("disabled", true);
jQuery
浏览 3提问于2017-09-13得票数 2
1回答
我有下面的html表单是由jQuery ajax提交的。我似乎无法理解如何从我的控制器内部从输入textbox的值中获取值，我本来希望Request.Form"waitMinutes“能够工作，但它在我的控制器中出现空值。
从我的控制器中获取表单值的秘诀是什么？
<form method="post" action=@Url.Action("UpdateWaitTime", "Facilities")' data-ucw-updateWaitTimeForm="@facility.Id" style="
浏览 1提问于2013-02-12得票数 1
回答已采纳
我有一个包含以下字段的自定义列表：
标题：单行文本
Description：多行文本
备注：多行文本
收件人：个人或组
每当我在收件人字段中输入两个或更多人时，在查看项页面(显示表单)中，Description和 contents 的内容变为空/空。内容在自定义列表的主视图上显示良好，并处于编辑模式。
如果我只在收件人字段中输入一个人，则Description和 contents 的内容将以显示形式显示。
注意：收件人字段设置为接受多个值。我正在使用Sharepoint 2013。
我是Sharepoint的新手，我想知道如何排除/调试这个问题的方法。还是多行字段以某种
浏览 2提问于2017-03-16得票数 1
1回答
我使用ajax和JQuery来序列化我的表单，并将数据发送到我的insert.php页面，这样它就可以插入到我的DB中。
我正在删除表单form.serialize中空的任何输入。这是为了确保将这些值作为NULL插入到我的DB中。
我假设，我必须为每个输入设置一个缺省值为nothing，这样才能使这个过程正常工作。
但是，当我这样做时，我发现当表单被序列化时，那些被设置为空默认值的输入不会被发送。.serialize似乎发送输入的默认值，而不是用户在输入中键入的内容。
我怎么才能解决这个问题？
下面是如何在表单中设置一个具有空白默认值的输入：
<div class=
浏览 3提问于2015-11-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
