Maison > Article > interface Web > js implémente un plug-in d'invite léger basé sur les compétences d'expressions régulières_javascript

js implémente un plug-in d'invite léger basé sur les compétences d'expressions régulières_javascript

WBOYoriginal: 2016-05-16 15:41:391387parcourir

L'exemple de cet article décrit un plug-in d'invite léger basé sur des expressions régulières, qui est partagé avec tout le monde pour votre référence. Les détails sont les suivants :
Il s'agit d'une implémentation javascript d'un plug-in d'invite léger basé sur des expressions régulières. Ce plug-in détecte les zones de texte basées sur des expressions régulières. Il est très polyvalent et peut être utilisé dans des exemples.
Exécution des rendus : ----------------------------------------------- -------------------------------------------------- ---------------

Conseils : Si le navigateur ne fonctionne pas correctement, vous pouvez essayer de changer de mode de navigation.

Code clé :

    $(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!'
         }
       }
      );
    });

Le code partagé avec vous est le suivant

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

Ce qui précède est un plug-in d'invite léger basé sur des expressions régulières partagées avec vous. J'espère que vous pourrez l'aimer et l'appliquer dans la pratique.

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：Une brève discussion sur la technique Array.prototype.slice.call_javascript de javascriptArticle suivant：Une brève discussion sur la technique Array.prototype.slice.call_javascript de javascript

Articles Liés

Voir plus