当前位置：首页 > 资讯 > 技术文档

js实现基于正则表达式的轻量提示插件

时间：2022-05-16 16:52 编辑：来源：阅读：
扫一扫，手机访问

摘要：js实现基于正则表达式的轻量提示插件

本文实例讲述了基于正则表达式的轻量提示插件，分享给大家供大家参考。具体如下：这是一款javascript实现基于正则表达式的轻量提示插件，本插件是基于正则表达式进行文本框检测的，通用性十分强,大家可以在实例中进行使用。运行效果图： -------------------[url=http://demo.jb51.net/js/2015/js-pdwz-sfhf/]查看效果[/url]------------------- [img]http://files.jb51.net/file_images/article/201508/2015829154929329.jpg?2015729155013[/img] 小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。关键代码：

    $(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>

以上就是为大家分享的基于正则表达式的轻量提示插件，希望大家可以喜欢，并应用到实践中。

全部评论(0)

上一篇：高性能JavaScript 重排与重绘(2)
下一篇：ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox

资讯排行榜
更多>>