js实现基于正则表达式的轻量提示插件
2015-08-29 15:52
597 查看
本文实例讲述了基于正则表达式的轻量提示插件,分享给大家供大家参考。具体如下:
这是一款javascript实现基于正则表达式的轻量提示插件,本插件是基于正则表达式进行文本框检测的,通用性十分强,大家可以在实例中进行使用。
运行效果图: -------------------查看效果-------------------
小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。
关键代码:
$(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>
以上就是为大家分享的基于正则表达式的轻量提示插件,希望大家可以喜欢,并应用到实践中。
您可能感兴趣的文章:
相关文章推荐
- msql 正则表达式
- 正则表达式
- Mootools 1.2教程 正则表达式
- 批处理FINDSTR正则表达式用法实例分析
- vbs正则表达式代码
- jQuery提示插件alertify使用指南
- php中看实例学正则表达式
- PHP正则表达式之定界符和原子介绍
- PHP下常用正则表达式整理
- 批处理 正则表达式(findstr) 整理
- JavaScript类型系统之正则表达式
- javascript中的正则表达式使用指南
- 学习正则帮手笨狼正则练习器
- java正则表达式应用的实例代码
- ruby 正则表达式 教程
- PHP中的正则表达式函数介绍
- javascript replace方法与正则表达式
- PowerShell中使用正则表达式筛选数组实例
- 关于Perl里面正则表达式规范
- PERL 正则表达式详细说明