Есть ли способ использовать поля формы сериализации jQuery и обрезать значение в полях?
-
03-07-2019 - |
Вопрос
У меня есть форма, которая использует jQuery для отправки сообщения ajax, и она сериализует отправленную форму. Код выглядит так:
var form = $("form");
var action = form.attr("action");
var serializedForm = form.serialize();
$.post(action, serializedForm, function(data)
{
...
});
Проблема здесь в том, что если у поля есть конечный пробел, функция сериализации превратит эти пробелы в знаки плюс (+), когда они должны быть удалены.
Есть ли способ обрезать поля без , выполнив следующие действия:
$("#name").val( jQuery.trim( $("#name") ) );
Решение
Вы можете попробовать пройтись по объекту и обрезать все.
//Serialize form as array
var serializedForm = form.serializeArray();
//trim values
for(var i =0, len = serializedForm.length;i<len;i++){
serializedForm[i] = $.trim(serializedForm[i]);
}
//turn it into a string if you wish
serializedForm = $.param(serializedForm);
Другие советы
Обрезать все < input > и < textarea > < / textarea > значения элементов в DOM:
$('input, textarea').each(function(){
$(this).val(jQuery.trim($(this).val()));
});
Вы можете перебрать все входы и обрезать перед отправкой.
$("input, textarea").each(function(){
$(this).val(jQuery.trim($(this).val()));
});
Немного поздно, но это было, вероятно, то, что вы хотели:
var form = $("form");
var action = form.attr("action");
var formArr = form. serializeArray();
jQuery.each(formArr , function(i, field) {
formArr[i].value = $.trim(field.value);
});
var serializedForm = $.param(formArr);
$.post(action, serializedForm, function(data)
{
...
});
Ни одно из этих решений не работает, поскольку они фактически изменяют поля формы на странице. Я просто хочу изменить значение поля, не меняя то, что набрал пользователь.
Одна вещь, которую вы могли бы сделать, - это создать отдельную форму со скрытыми значениями и сохранить действительные, обрезанные значения формы в скрытых значениях при отправке пользователем, тогда вы можете сериализовать " hidden " ; сформировать и опубликовать это. Просто идея.
Если вы используете ASP.NET, где у вас может быть только одна форма на страницу, вы можете отправить только значения данного DIV следующим образом:
var dataString = "source=contactDiv";
dataString += getDataString(divId, "input"); // add inputs
dataString += getDataString(divId, "select"); //add select elements
затем опубликуйте обновление следующим образом:
$.post("UpdateContact.aspx",
dataString,
afterUpdate,
"json");
вспомогательные функции
function afterUpdate(data){
//add some post-update info
}
function getDataString(divId, tagName) {
var data = "";
var elements = $("#" + divId + " " + tagName);
for (var i = 0; i < elements.length; i++) {
var el = elements[i];
var name = el.name;
var value = $(el).val();
if (value != null && value != "undefined")
value = $.trim(value + ""); //added "" to fix IE 6 bug for empty select
if (el.type == "checkbox")
value = el.checked;
else if (el.type == "radio" && !el.checked)
value = "";
if (!(value == "" || value == "undefined" || name == "" || name == "undefined"))
data += "&" + name + "=" + escape(value);
}
return data;
}