Comment changer le format du numéro de téléphone dans l'entrée que vous tapez?

Mon CodePen: http://codepen.io/leongaban/pen/cyaAL

J'ai un champ de saisie pour un numéro de téléphone qui permet jusqu'à 20 caractères (pour les numéros internationaux).

Je suis également en utilisant le Masked entrée plugin jQuery par Josh Bush de format de numéro de téléphone dans l'entrée pour faire "joli".

Mon problème est que dans les exigences lorsque le téléphone est de 10 chiffres ou
moins, il devrait utiliser les masques de saisie mise en forme.
Toutefois, lorsque le numéro de téléphone est plus longue de 10 chiffres, le
mise en forme doit être supprimé.

Voici mon actuel: CodePenTéléphone Cellulaire est le champ de saisie où je suis en train de l'accomplir. Téléphone au travail est un exemple de la fonctionnalité par défaut de la Masque de saisie plugin.

Comment vous y prendriez-vous ce problème?

jQuery pour Téléphone Cellulaire champ de saisie:

case '2':
    console.log('created phone input');
    $('.new_option').append(myphone);
    $('.added_mobilephone').mask('(999) 999-9999? 9');
    $('.added_mobilephone').keypress(function(event){

      if (this.value.trim().length > 10) {
        console.log('this.value = '+this.value.trim());
        console.log('greater then 10');
        $('.added_mobilephone').mask('99999999999999999999');
      }

      /*if (this.value.length < 9) {
        console.log(this.value);
        console.log('less then 10');
        $('.added_mobilephone').mask('(999) 999-9999? 9999999999');
      } else if (this.value.length > 9) {
        console.log(this.value);
        console.log('greater then 10');
        $('.added_mobilephone').mask('99999999999999999999');
      }*/
    });
    break;

source d'informationauteur Leon Gaban

$("input[name='phone']").keyup(function() {
    $(this).val($(this).val().replace(/^(\d{3})(\d{3})(\d)+$/, "($1)$2-$3"));
});

Cela fonctionnera pour vous 🙂

1

Dans votre cas

<input type="text" class="form-control" data-mask="(999) 999-9999">

avec jasny bootstrap plugin

La démo en violon
0

J'ai essayé un peu de la non-plugin de réponses, mais ils n'ont malheureusement des effets secondaires indésirables lors de la modification du numéro de téléphone. Voici une solution que j'ai fini par créer qui est simple et n'a pas de spécial externe 3ème partie lib dépendance:
- Ne nécessite pas de plugins --> juste JS et JQuery
- Filtre non-chiffres (c'est à dire le bruit) automatiquement
- Décale à gauche le numéro de téléphone chiffres sur la suppression de chiffres
- Maintient format /ne pas casser vers le bas sur la suppression
- Ne fait rien si rien ne change, par exemple, permet de curseur pour déplacer vers la gauche/droite pour faire le changement par rapport aux autres solutions qui ont gardé curseur fixé à fin
Mise en garde: Le numéro de téléphone est considéré comme seulement en Amérique du Nord qui était très bien dans mon cas, comme cela a été utilisée pour la communauté locale de football enregistrement au Canada.
```
$("input[name='phone_num']").keyup(function() {
  var val_old = $(this).val();
  var val = val_old.replace(/\D/g, '');
  var len = val.length;
  if (len >= 1)
    val = '(' + val.substring(0);
  if (len >= 3)
    val = val.substring(0, 4) + ') ' + val.substring(4);
  if (len >= 6)
    val = val.substring(0, 9) + '-' + val.substring(9);
  if (val != val_old)
    $(this).focus().val('').val(val);
});
```

-2

fenêtre du bas vers le haut faire défiler collant menu à l'aide de jquery.

  var lastScroll = 0;

  $(document).ready(function($) {

  $(window).scroll(function(){

  setTimeout(function() { 
        var scroll = $(window).scrollTop();
        if (scroll > lastScroll) {

            $("header").removeClass("menu-sticky");

        } 
        if (scroll == 0) {
        $("header").removeClass("menu-sticky");

        }
        else if (scroll < lastScroll - 5) {


            $("header").addClass("menu-sticky");

        }
        lastScroll = scroll;
        },0);
        });
       });
 </script>

Vous devez vous connecter pour publier un commentaire.