Javascript - Suppression des espaces sur la pâte

J'ai un champ de saisie de texte avec un maxlength 10. Le champ est Australienne numéros de téléphone (10 chiffres). Les numéros de téléphone sont généralement répartis dans la syntaxe suivante

12 12345678

Si quelqu'un copie ci-dessus et colle-la dans mon champ de saisie, il est évident qu'elle laisse le dernier chiffre et garde l'espace.

Est-il un moyen pour supprimer les espaces à droite avant de la coller dans la zone de saisie? Ou est-il une autre contourner?

Merci d'avance.

source d'informationauteur Matt

  1. 10

    Cela devrait fonctionner pour vous:

    HTML

    <input type="text" id="phone" maxlength="10" />​

    JavaScript

    var phone = document.getElementById('phone'),
    cleanPhoneNumber;

cleanPhoneNumber= function(e)
{
 e.preventDefault();
 var pastedText = '';

 if (e.clipboardData && e.clipboardData.getData)
 {//Standards Compliant FIRST!
  pastedText = e.clipboardData.getData('text/plain');
 }
 else if (window.clipboardData && window.clipboardData.getData)
 {//IE
  pastedText = window.clipboardData.getData('Text');
 }

 this.value = pastedText.replace(/\D/g, '');
};

phone.onpaste = cleanPhoneNumber;

    Violon: http://jsfiddle.net/y6TYp/6/

    Mise à jour nnnnnn eu un grand point concernant l'Australien numéros de téléphone, mise à jour de remplacer les regex.

  2. 1

    Cette fonction vous aidera à le faire:

    function removeSpaces(string) {
 return string.split(' ').join('');
}

    Alternativement, à l'aide de jQuery, vous pouvez utiliser la méthode décrite ici:
    Supprimer les espaces blancs dans la zone de texte lors de la copie collé avec jquery

  3. 1

    Aborder la tâche que vous avez décrit, vous voulez vous assurer que votre code fonctionne dans les différents navigateurs, avec ou sans javascript et je voudrais donc faire ce qui suit:

    1. Définir la maxlength à 11 maxlength est un attribut HTML et vous devez vous assurer que avec ou sans javascript les données saisies par l'utilisateur n'est pas perdu. Si l'utilisateur entre 11 chiffres et il n'y a pas de javascript, vous aurez besoin de saisir les données et de les nettoyer de la côté serveur. Eh bien, côté serveur de validation est obligatoire.

    2. Si le javascript est là, je voudrais utiliser la fonction jquery pour définir la maxlength et de s'assurer que les espaces sont supprimés, de sorte que vous avez un champ avec ID = "titre": sur le document prêt à vous d'écrire le code suivant:

      $('input#titre').attr('maxLength','10').keypress(limitMe);

      function limitMe(e) {
    if (e.keyCode == 32) { return true; }
    return this.value.length < $(this).attr("maxLength");
}

    Évidemment, si vous avez de nombreux domaines que vous venez de décorer tous les champs de saisie avec le même attribut de classe et ensuite l'appliquer à tous les domaines comme:

    $('input.limited').attr('maxLength','10').keypress(limitMe);