jQuery의 serialize 양식 필드를 사용하고 필드의 값을 잘라내는 방법이 있습니까?

Question

저는 jQuery를 사용하여 아약스 게시물을 제출하는 양식을 가지고 있으며, 양식을 직렬화하여 전송합니다. 코드는 다음과 같습니다 : 여기

var form = $("form"); 
var action = form.attr("action"); 
var serializedForm = form.serialize(); 
$.post(action, serializedForm, function(data) 
{ 
    ... 
}); 

문제는 필드 후행 공백 경우 그들이 제거되어야 할 때 직렬화 기능이 플러스 (+) 기호로 그 공간을 설정하는 것입니다.

필드는 다음을 수행없이 트림 얻을 수있는 방법이 있나요 :

$("#name").val(jQuery.trim($("#name"))); 

Answer 1

개체를 반복하면서 모든 것을 다듬을 수 있습니다. 당신이 할 수

//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); 

Answer 2

트림 모든 < 입력 > 및 < 텍스트 영역 > <는 DOM에서 > 요소 값/텍스트 영역 :

$('input, textarea').each(function(){ 
    $(this).val(jQuery.trim($(this).val())); 
}); 

Answer 3

제출하기 전에 모든 입력을 반복하여 처리 할 수 ​​있습니다.

$("input, textarea").each(function(){ 
    $(this).val(jQuery.trim($(this).val())); 
}); 

Answer 4

실제로 페이지의 양식 필드가 변경되므로 이러한 솔루션이 작동하지 않습니다. 사용자가 입력 한 것을 변경하지 않고 필드의 값을 수정하기 만하면됩니다.

Answer 5

한 가지 숨겨진 값을 별도의 양식을 가지고 있고, 사용자가 전송할 때 실제, 손질, 숨겨진 값의 형태로 값이, 당신이 "숨겨진"형식과 포스트를 직렬화 할 수 저장할 수있다 그. 그냥 생각. 당신은 페이지 당 하나의 양식을 가질 수 ASP.NET을 사용하는 경우 다음과 같이

Answer 6

, 당신은 주어진 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; 
} 

Answer 7

조금 늦게, 그러나 이것은 아마 당신이 원하지했다 :

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) 
{ 
    ... 
});