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

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

亚连original: 2018-06-14 11:32:272042parcourir

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>

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!

Déclaration：

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

Article précédent：Comment vue+axios gère l'interaction des donnéesArticle suivant：Comment vue+axios gère l'interaction des données

Articles Liés

Voir plus