ホームページ > 記事 > ウェブフロントエンド > js は正規表現に基づいた軽量のプロンプト プラグインを実装します_javascript スキル
js は正規表現に基づいた軽量のプロンプト プラグインを実装します_javascript スキル
- WBOYオリジナル
- 2016-05-16 15:41:391386ブラウズ
この記事の例では、正規表現に基づいた軽量のプロンプト プラグインについて説明します。これは参考のために全員と共有されます。詳細は以下の通りです。
これは、正規表現に基づいた軽量のプロンプト プラグインの 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>
上記は、正規表現に基づいた軽量のプロンプト プラグインです。気に入っていただき、実際に適用していただければ幸いです。 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。