Detaillierte Grafik- und Texterklärung zur Verwendung regulärer Ausdrücke in jQuery-js-Tutorial-php.cn

Detaillierte Grafik- und Texterklärung zur Verwendung regulärer Ausdrücke in jQuery

php中世界最好的语言

Freigeben： 2018-03-30 10:58:07

Original

1597 Leute haben es durchsucht

Dieses Mal werde ich Ihnen eine detaillierte grafische Erklärung zur Verwendung von regulären Ausdrücken in jQuery geben. Was sind die Vorsichtsmaßnahmen für die Verwendung regulärer Ausdrücke in jQuery? Werfen wir einen Blick darauf.

Grundlegende reguläre Ausdrücke

Erstellung regulärer Ausdrücke

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

Nach dem Login kopieren

2. Allgemeine Regeln

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

Nach dem Login kopieren

3. Methode: Test

Fall

<!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>

Nach dem Login kopieren

Effekt-Demonstrationsbild

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website !

Empfohlene Lektüre:

Detaillierte Analyse der Übereinstimmung einzelner Zeichen mit regulären Ausdrücken

Detaillierte Erläuterung der Verwendung regulärer Metazeichen

Das obige ist der detaillierte Inhalt vonDetaillierte Grafik- und Texterklärung zur Verwendung regulärer Ausdrücke in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!