Node.js는 정규 표현식_자바스크립트 기술을 기반으로 경량 프롬프트 플러그인을 구현합니다.-JS 튜토리얼-php.cn

Node.js는 정규 표현식_자바스크립트 기술을 기반으로 경량 프롬프트 플러그인을 구현합니다.

WBOY

풀어 주다： 2016-05-16 15:41:39

원래의

1401명이 탐색했습니다.

이 기사의 예에서는 참조용으로 모든 사람과 공유되는 정규식 기반의 경량 프롬프트 플러그인에 대해 설명합니다. 세부 내용은 다음과 같습니다.
이는 정규식을 기반으로 한 경량 프롬프트 플러그인의 자바스크립트 구현입니다. 이 플러그인은 매우 다양하며 예제에 사용할 수 있습니다.
렌더링 실행: ---------------------------------- ------------------------------------- ---------------

팁: 브라우저가 제대로 작동하지 않으면 탐색 모드를 전환해 보세요.

키 코드:

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

로그인 후 복사

공유해주신 코드는 다음과 같습니다

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

로그인 후 복사

위 내용은 공유해드린 정규식 기반의 경량 프롬프트 플러그인이니 마음에 드시고 실전에 적용해보시길 바랍니다.