How to serialize with input disable?

Question

In a reply to SOEN

They pass an approach of temporarily disabling the camps:

Example:

var myform = $('#myform');

 // Encontra os elementos e remove o atributo disable
var disabled = myform.find(':input:disabled').removeAttr('disabled');

 // serialize o form
var serialized = myform.serialize();

 // coloca todos os elementos que foram desabilidados disable
disabled.attr('disabled','disabled');

Is there any more efficient way to do serialize() in form fields that are disabled ?

Answer 1

You could solve this problem by going through the elements disabled to catch the name e o value and finally concatenating with the serialized string to send to the server.

Example:

function getDisableInput(form) {
   var input = $("#" + form + " input:disabled");
   var result = '';
   $.each(input, function (key, val) {
      result += "&" + val.name + '=' + val.value;
   });
   return result;
}

var disableInput = getDisableInput('form');  
var dados = $("#form").serialize() + disableInput; // agora é só enviar para o servidor.

Another interesting way to achieve the same result is to traverse all fields of the selector 'input[type=text]' so it won’t be necessary to use serialize for type text input.

Example 2:

var dados = '';

$('input[type=text]').each(function() {
  dados += '&' + this.id + '=' + this.value;
});

console.log(dados);