espace réservé problème avec jQuery Valider

J'ai remarqué aujourd'hui que nous avons un problème avec jquery Valider lorsqu'il est utilisé conjointement avec le texte de l'espace réservé.

Exemple:

<div class="sort left">
<label for="username" class="inlineelement">Username</label>
<input id="registername"  type="text" placeholder="your name" autocomplete="off" class="required"></input>

J'ai remarqué que , si nous validons notre formulaire à l'aide de jquery Validate ( http://docs.jquery.com/Plugins/Validation/Methods )

Est-il une solution, ou devrait être revenir à l'accent html ( texte de l'espace réservé ) au sein de notre champs de formulaire ?

J'utilise jQuery 1.5.1 avec jQuery Valider 1.8.0 sur Chrome 11.0... et le plugin valide correctement. Le titulaire de place que le texte apparaisse dans l'entrée et, si je ne suis pas d'entrer n'importe quel texte, le message d'erreur s'affiche. La version de jQuery et le plugin que vous utilisez?
Nous utilisons 1.5.2 jquery et jQuery validation plug-in pré-1.5.2 ( ne pourrais pas trouver une version ultérieure de validation )
La dernière version de jQuery Validate: bassistance.de/jquery-plugins/jquery-plugin-validation - fonctionne avec jQuery 1.5.2.
Ok maintenant, mais même problème. Je pense que nous avons peut-être négligé quelque chose de douloureusement évident , notre classe est la même pour tous les firlds. class="requis" et notre script est: $(document).ready(function(){ $("#registerForm").valider({ règles: { raison: "requis" } }); }); vous ne savez Pas ce qu'elle pourrait être
Merci d'éditer votre question pour décrire complètement le problème que vous rencontrez.

OriginalL'auteur 422 | 2011-05-20

  1. 16

    J'ai été à venir sur le même sujet. Après quelques déconner, trouvé une solution de contournement avec cette méthode personnalisée. Cette méthode personnalisée permettra d'accueillir des espaces réservés.

    jQuery.validator.addMethod("placeholder", function(value, element) {
  return value!=$(element).attr("placeholder");
}, jQuery.validator.messages.required);

    Balise de cette ligne à la fin de la additional-methods.js fichier.

    Vous pourrez ensuite l'utiliser comme suit:

    $("form").validate({
  rules: {
    username: {required: true, placeholder: true},
  },
  message: {
    username: {
      required: "Username required", placeholder: "Username required",
    },
  }
});
    Un problème que je peux voir avec cela est que si la personne veut entrer une valeur de même que l'espace réservé.
    Note ce a un problème en ce qu'il cause tous les éléments avec des espaces réservés à se comporter en tant que de besoin, même si elles ne sont pas marquées comme étant nécessaire.
    En effet, il n'. Dommage que je upvoted cette réponse.
    ne fonctionne pas avec moi jsfiddle.net/prashantptapase/DzvNr/80
    semblable à cette réponse: stackoverflow.com/questions/4904017/...

    OriginalL'auteur jonsuh

  2. 5

    C'est moyen générique de la validation des espaces réservés (utilisez le code suivant APRÈS la validation de la logique de l'initialisation).
    Il fonctionne par l'injection d'une logique personnalisée dans toutes les méthodes de validation.

    $(function () {
    $.each($.validator.methods, function (key, value) {
        $.validator.methods[key] = function () {
            var el = $(arguments[1]);
            if (el.is('[placeholder]') && arguments[0] == el.attr('placeholder'))
                arguments[0] = '';

            return value.apply(this, arguments);
        };
    });
});
    très travaillé, merci
    a fonctionné pour moi aussi!

    OriginalL'auteur Hogan

  3. 3

    Vous pourriez script autour de lui peut-être.

    Cela permettra d'éliminer placeholder attribut sur soumettre et de les restaurer en cas d'erreur.

    var placeholders = {};
$('form').validate({
   submitHandler: function(form) {

       $(form).find(':input[placeholder]').each(function() {
          var placeholder = $(this).attr('placeholder'); 
          placeholders[placeholder] = this;
          $(this).removeAttr('placeholder');
       });       

       form.submit();
   },

   invalidHandler: function() {

      $.each(placeholders, function(placeholder, element) {
          $(element).attr('placeholder', placeholder);
      });

   }

});
    génie ! afin de lui donner un tourbillon, merci Alex
    l' $.chaque fonction est manquante à sa fin de parenthèse. Mais, au-delà, c'est à dire recrache que des espaces réservés est pas défini sur la même ligne.
    Correction manque ). Avez-vous défini des placeholders ?
    oups, j'ai oublié de définir placeholders. Merci.
    Pas de soucis 🙂

    OriginalL'auteur alex

  4. 3

    J'ai eu le même problème avec un formulaire, je travaille sur. Vous pouvez utiliser l'jq-filigrane plug-in à faire de vos espaces réservés/filigranes.

    Il fonctionne avec jQuery Valider plug-in, c'est à dire ne pas obstruer la validation.

    OriginalL'auteur smilqn pavlov

  5. 2

    Ma solution rapide:

                $(".validateForm").submit(function(){
            $(this).find("input[type=text]").each(function(){
                if($(this).attr("placeholder") == $(this).val())$(this).val("");
            })
        })

    OriginalL'auteur user2323336

  6. 1

    J'ai trouvé que si vous ajouter des règles personnalisées ie: e-mail:true, alors la validation n'est pas ignoré.
    Donc, si vous regardez dans additional-methods.js qui est livré avec le jquery de validation de téléchargement, il existe une règle appelée alphanumériques. Tout cela a de la valeur par défaut de la fonctionnalité. Il suffit d'utiliser cette règle personnalisée et cela devrait fonctionner. Je suis à l'aide de http://widgetulous.com/placeholderjs/ pour l'espace réservé appuyer sur les anciens navigateurs. Cheers

    OriginalL'auteur Clinton Green

  7. 1
    $("form").validate();
    $(function () {
                $.each($.validator.methods, function (key, value) {
                $.validator.methods[key] = function () {
                var el = $(arguments[1]);
                if (el.is('[placeholder]') && arguments[0] == el.attr('placeholder'))
                    arguments[0] = '';
                    return value.apply(this, arguments);
                    };
                 });
      });

    OriginalL'auteur Avinash Saini

  8. 1

    Essayer la dernière version de jquery.valider de http://jqueryvalidation.org/

    version 1.11.1 semble avoir résolu ce problème pour moi =D

    Confirmé - Dernière v1.11.1 utilisé en conjonction avec jquery.espace réservé plugin corrige les problèmes.

    OriginalL'auteur winry

  9. 0

    J'ai utilisé une astuce, si vous vous concentrez sur le terrain, l'espace réservé apparaît.. Le code suivant focus et blur tous les champs de saisie.

    function tabFields(){
    $('#form input[type="text"]').each(function(){
        $(this).focus().blur();
    });
}

    OriginalL'auteur Notflip