recherche

Maison >interface Web >js tutoriel >Explication graphique et textuelle détaillée de l'utilisation des expressions régulières dans jQuery

Explication graphique et textuelle détaillée de l'utilisation des expressions régulières dans jQuery

php中世界最好的语言
php中世界最好的语言original
2018-03-30 10:58:071622parcourir

Cette fois, je vais vous apporter une explication graphique détaillée de l'utilisation des expressions régulières dans jQuery Quelles sont les précautions pour l'utilisation des expressions régulières dans jQuery. Voici des cas pratiques. jetons un coup d'oeil.

Expressions régulières de base

1. Création d'expressions régulières

a) var checkNum = /^[A-Za-z0-9]+$/;
b) var re=new RegExp(“["+s1+"]“,”g”);

2. 🎜>

3. Méthode : test
a) 用户密码：/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/
b) 邮件:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/
c) 手机:/^[\d]{5,20}$/
d) 其它常用验证:请百度

Cas

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>jquery ajax</title>
  <script type="text/javascript" src="public/js/jquery-2.2.3.min.js"></script>
</head>
<body>
<form action="">
  <label>用户名：</label><span id="check_username">检测</span>
  <input type="text" id="t_username" placeholder="请输入"/>
  <hr/>
  <label>邮箱：</label><span id="check_email">检测</span>
  <input type="text" id="t_email" placeholder="请输入"/>
  <hr/>
  <label>手机：</label><span id="check_phone">检测</span>
  <input type="text" id="t_phone" placeholder="请输入"/>
  <hr/>
</form>
</body>
<script>
  $(function () {
    // 用户名
    $("#check_username").click(function(){
      var str = $("#t_username").val();
      var ret = /^[a-zA-Z][a-zA-Z0-9_]{5,20}$/;
      if(ret.test(str)){
        alert('ok');
      }else{
        alert('wrong');
      }
    });
    // 邮件
    $("#check_email").click(function(){
      var str = $("#t_email").val();
      var ret = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
      if(ret.test(str)){
        alert('ok');
      }else{
        alert('wrong');
      }
    });
    // 手机
    $("#check_phone").click(function(){
      var str = $("#t_phone").val();
      var ret = /^[\d]{5,20}$/;
      if(ret.test(str)){
        alert('ok');
      }else{
        alert('wrong');
      }
    });
  });
</script>
</html>

Photo de démonstration d'effet

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php. !

Lecture recommandée :

Analyse détaillée de la correspondance de caractères uniques avec des expressions régulières


Explication détaillée de l'utilisation des métacaractères réguliers

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!

php jquery 正则表达式
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：Efficacité de l'utilisation des expressions régulières en PHP Explication détaillée des expressions gourmandes, non gourmandes et backtracking (avec code)Article suivant：Efficacité de l'utilisation des expressions régulières en PHP Explication détaillée des expressions gourmandes, non gourmandes et backtracking (avec code)

Articles Liés

Voir plus