Comment puis-je faire $.serialize() de prendre en compte les personnes handicapées :les entrées des éléments?

Il semble désactivée par défaut des éléments d'entrée sont ignorés par $.serialize(). Est-il une solution?

C'est encore plus étrange, parce que vous pouvez sérialiser un handicapé textarea mais pas désactivé input..

InformationsquelleAutor fms | 2011-01-20

211

Temporairement leur permettre.

var myform = $('#myform');

 //Find disabled inputs, and remove the "disabled" attribute
var disabled = myform.find(':input:disabled').removeAttr('disabled');

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

 //re-disabled the set of inputs that you previously enabled
disabled.attr('disabled','disabled');

vaut la peine d'examiner readonly au lieu de disabled comme mentionné par Andrew ci-dessous.
readonly ne fonctionne pas pour les sélections
readonly ne fonctionne pas sur la boîte de sélection, case à cocher, etc

InformationsquelleAutor user113716

88

Utilisation readonly entrées au lieu de disabled entrées:
```
<input name='hello_world' type='text' value='hello world' readonly />
```
Ce devrait être repris par la fonction serialize().
- ne fonctionne pas pour les cases à cocher
- ne fonctionne pas pour les zones de liste déroulante trop.
- Grande, juste une remarque: le bouton envoyer est toujours cliquables lors de la lecture seule.
- Des listes déroulantes modifiables tout en readonly ainsi.
- désactivé empêche la sérialisation, mais readonly empêche de validation
- Cela fonctionne dans tous les navigateurs?
InformationsquelleAutor Andrew

Vous pouvez utiliser un proxy fonction (il affecte à la fois $.serializeArray() et $.serialize()):

(function($){
    var proxy = $.fn.serializeArray;
    $.fn.serializeArray = function(){
        var inputs = this.find(':disabled');
        inputs.prop('disabled', false);
        var serialized = proxy.apply( this, arguments );
        inputs.prop('disabled', true);
        return serialized;
    };
})(jQuery);

La meilleure solution, fonctionne pour select, checkbox, radio , cachés et handicapées entrées

InformationsquelleAutor Krzysiek

@user113716 fourni l'essentiel de la réponse. Ma contribution ici est juste un jQuery nicety par l'ajout d'une fonction pour ça:

/**
 * Alternative method to serialize a form with disabled inputs
 */
$.fn.serializeIncludeDisabled = function () {
    let disabled = this.find(":input:disabled").removeAttr("disabled");
    let serialized = this.serialize();
    disabled.attr("disabled", "disabled");
    return serialized;
};

Exemple d'utilisation:

$("form").serializeIncludeDisabled();

InformationsquelleAutor Aaron Hudon

2

Désactivé éléments d'entrée ne pas être sérialisé parce que "désactivé" signifie qu'ils ne doivent pas être utilisés, par standard du W3C. jQuery est juste de respecter la norme, même si certains navigateurs ne le font pas. Vous pouvez contourner ce problème, par l'ajout d'un champ caché avec une valeur identique au champ désactivé, ou en faisant cela, via jQuery, quelque chose comme ceci:
```
$('#myform').submit(function() {
  $(this).children('input[hiddeninputname]').val($(this).children('input:disabled').val());
  $.post($(this).attr('url'), $(this).serialize, null, 'html');
});
```
Évidemment, si vous avez eu plus d'une entrée bloquée, vous devez effectuer une itération sur l'appariement des sélecteurs, etc.

InformationsquelleAutor Jason Lewis

Je peux voir quelques solutions de contournement, mais encore personne n'a suggéré d'écrire votre propre fonction de sérialisation? Ici, vous allez: https://jsfiddle.net/Lnag9kbc/

var data = [];

//here, we will find all inputs (including textareas, selects etc)
//to find just disabled, add ":disabled" to find()
$("#myform").find(':input').each(function(){
    var name = $(this).attr('name');
    var val = $(this).val();
    //is name defined?
    if(typeof name !== typeof undefined && name !== false && typeof val !== typeof undefined)
    {
        //checkboxes needs to be checked:
        if( !$(this).is("input[type=checkbox]") || $(this).prop('checked'))
            data += (data==""?"":"&")+encodeURIComponent(name)+"="+encodeURIComponent(val);
    }
});

InformationsquelleAutor David162795

2

Essayez ceci:
```
<input type="checkbox" name="_key" value="value"  disabled="" />
<input type="hidden" name="key" value="value"/>
```
- Pourriez-vous élaborer un peu plus et d'expliquer à l'OP pourquoi cela fonctionne?
- Je peux l'expliquer pour vous. Si vous avez encore envie de l'avoir désactivé champ de saisie (pour quelque raison que ce soit), mais vous aussi vous voulez envoyer le nom de l'entrée avec la méthode de serialize (). Alors à la place, vous pouvez utiliser un champ caché (avec la même valeur que votre désactivé champ de saisie), qui serialize() ne l'ignore pas. Et puis vous pouvez aussi garder vos handicapés champ de saisie pour la visibilité.
InformationsquelleAutor KennyKam
1

Au cas où quelqu'un ne souhaitez pas les activer, puis les désactiver à nouveau, vous pouvez également essayer de le faire (je l'ai modifié à partir de Désactivé les champs ne sont pas détectés par serializeArray, de l'aide d'un plugin à l'aide d'une fonction normale):
```
function getcomment(item)
{
  var data = $(item).serializeArray();
  $(':disabled[name]',item).each(function(){
    data.push({name: item.name,value: $(item).val()});
  });
  return data;
}
```
De sorte que vous pouvez les appeler comme ceci:
```
getcomment("#formsp .disabledfield");
```
InformationsquelleAutor maximran
0

Un peu plus de Aaron Hudon :

Peut-être vous avez quelque chose d'autre que l'Entrée (comme le sélectionner), alors j'ai changé
```
this.find(":input:disabled")
```
à
```
this.find(":disabled")
```
InformationsquelleAutor Carl Verret

Vous devez vous connecter pour publier un commentaire.