suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Grafik- und Texterklärung zur Verwendung regulärer Ausdrücke in jQuery

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

php中世界最好的语言
php中世界最好的语言Original
2018-03-30 10:58:071619Durchsuche

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”);

2. Allgemeine Regeln

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

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>

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!

php jquery 正则表达式
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Effizienz der Verwendung regulärer Ausdrücke in PHP Detaillierte Erklärung von Greedy, Non-Greedy und Backtracking (mit Code)Nächster Artikel：Effizienz der Verwendung regulärer Ausdrücke in PHP Detaillierte Erklärung von Greedy, Non-Greedy und Backtracking (mit Code)

In Verbindung stehende Artikel

Mehr sehen