Maison > interface Web > js tutoriel > le corps du texte

Comment mettre en œuvre une saisie de vérification régulière du numéro de téléphone mobile à l'aide de jQuery

亚连
Libérer: 2018-06-14 11:32:27
original
2058 Les gens l'ont consulté

Cet article présente principalement les fonctions de jQuery pour mettre en œuvre la saisie régulière de la vérification des numéros de téléphone mobile et le remplissage automatique des espaces, impliquant la réponse aux événements jQuery, le parcours de chaînes et le jugement régulier et d'autres compétences opérationnelles connexes. Les amis dans le besoin peuvent s'y référer <.>

Cet article décrit l'exemple de la mise en œuvre par jQuery d'une saisie de vérification régulière et du remplissage automatique des espaces pour les numéros de téléphone mobile. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Jetons d'abord un coup d'œil à l'effet en cours d'exécution (vous pouvez le supprimer en continu lors de la suppression) :

Code spécifique :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="text" id="inp">
  <script src="jquery-1.12.3.min.js"></script>
  <script>
    $(function(){
      $("#inp").keyup(function(){
      /*
      手机号验证时:
       var pattern = /^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;
      pattern.test(str);
      */
        _self = $(this);
        if(_self.val().length == 3 || _self.val().length == 8){
          var str = _self.val()+" ";
          _self.val(str);
        }
      });
    });
  </script>
</body>
</html>
Copier après la connexion
J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Utiliser le module http pour envoyer des requêtes via nodejs (tutoriel détaillé)

Comment implémenter une table à l'aide de jQuery +CSS

Comment utiliser Vue pour implémenter le framework de commentaires

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal