Heim > Artikel > Web-Frontend > js implementiert ein leichtes Eingabeaufforderungs-Plug-in basierend auf regulären Ausdrücken_Javascript-Fähigkeiten

js implementiert ein leichtes Eingabeaufforderungs-Plug-in basierend auf regulären Ausdrücken_Javascript-Fähigkeiten

WBOYOriginal: 2016-05-16 15:41:391387Durchsuche

Das Beispiel in diesem Artikel beschreibt ein leichtes Eingabeaufforderungs-Plug-in, das auf regulären Ausdrücken basiert und als Referenz für alle freigegeben ist. Die Details lauten wie folgt:
Dies ist eine Javascript-Implementierung eines einfachen Eingabeaufforderungs-Plug-Ins, das auf regulären Ausdrücken basiert. Es ist sehr vielseitig und kann in Beispielen verwendet werden.
Laufende Renderings: ------------------ -------------------------------------------------- ---------------

Tipps: Wenn der Browser nicht richtig funktioniert, können Sie versuchen, den Browsermodus zu wechseln.

Schlüsselcode:

    $(document).ready(function () {
      $("#message").inputNotes(
       {
         sexwarning: {
           pattern: /(^|\s)色情(\s|$)/ig,
           type: 'warning',
           text: 'Do not type "sex"!'
         },
         numbersnote: {
           pattern: /[0-9]/,
           type: 'note',
           text: 'Do not type numbers!'
         }
       }
      );
    });

Der mit Ihnen geteilte Code lautet wie folgt

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>基于正则表达式的轻量提示插件</title>
  <script src="js/jquery-1.7.1.js"></script>
  <script src="js/jquery.inputnotes-0.6.js"></script>
</head>
<style>
  div.inputnotes div.warning
  {
    color: #fff;
    background: #f03;
  }
</style>
<body>
  若输入“不合法”字眼的文字将提示<br />
  <textarea  id="message" cols="60" rows="4" ></textarea>
  <a href="javascript:void(null);" onclick="alert( $('#message').hasInputNotes() )"><br />文本框是否含不合法的字符</a>
  <script>
    $(document).ready(function () {
      $("#message").inputNotes(
       {
         sexwarning: {
           pattern: /(^|\s)不合法(\s|$)/ig,
           type: 'warning',
           text: '不能出现 "不合法"相关的字符!'
         },
         numbersnote: {
           pattern: /[0-9]/,
           type: 'note',
           text: 'Do not type numbers!'
         }
       }
      );
    });

  </script>
</body>
</html>

Das Obige ist ein leichtes Eingabeaufforderungs-Plug-in, das auf regulären Ausdrücken basiert und mit Ihnen geteilt wird. Ich hoffe, es gefällt Ihnen und Sie können es in der Praxis anwenden.

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：Eine kurze Diskussion über die Array.prototype.slice.call_javascript-Technik von JavascriptNächster Artikel：Eine kurze Diskussion über die Array.prototype.slice.call_javascript-Technik von Javascript

In Verbindung stehende Artikel

Mehr sehen