search

Home >Web Front-end >JS Tutorial >js implements lightweight prompt plug-in based on regular expressions_javascript skills

js implements lightweight prompt plug-in based on regular expressions_javascript skills

WBOY
WBOYOriginal
2016-05-16 15:41:391433browse

The example in this article describes a lightweight prompt plug-in based on regular expressions, which is shared with everyone for your reference. The details are as follows:
This is a javascript implementation of a lightweight prompt plug-in based on regular expressions. This plug-in detects text boxes based on regular expressions. It is very versatile and can be used in examples.
Running renderings: ----------------------------------------------------------------------------------------------------------------

Tips: If the browser does not work properly, you can try switching the browsing mode.

Key code: 



    $(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!'
         }
       }
      );
    });
The code shared with you is as follows


<!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>
The above is a lightweight prompt plug-in based on regular expressions shared with you. I hope you can like it and apply it in practice.
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：A brief discussion on the Array.prototype.slice.call_javascript technique of javascriptNext article：A brief discussion on the Array.prototype.slice.call_javascript technique of javascript

Related articles

See more