一:需要引入jquery
二:输入框自动清除特殊字符
在输入框输入特殊字符时,清除掉特殊字符。
css:
.test-input{
padding: 5px 10px;
border-radius: 4px;
border: 1px solid #999;
}
html:
<input type="text" class="js-regexp-symbol test-input" name="" id="" value="" placeholder="请输入用户名" />
js:
/*
* 输入框自动清除特殊字符
*
* */
(function(){
/*******************************************
* Description:
* 禁止输入危险字符
* 如下:
* + / \ ? ? % # & = ( ) ( ) { } " < > @ ! ! $ . , , 、 : : ; ; ¥ * ~ ` - —— _ ^ “ ” ‘ ’ …… 【 】 [ ]
*中文输入法时,使用的 ' 符号作为断点,所以不能过滤此字符,否则中文输入法有问题
*
*******************************************/
$.fn.replaceOther = function () {
this.bind("keypress", function (e) {
var keyCode = e ? e.which : event.keyCode;
if (keyCode == 60 || keyCode == 62) {
return false;
}
});
//禁止拖放
this.bind("dragenter", function () {
return false;
});
this.on("keyup blur", function () {
var s = this.value;
if (s.indexOf("+") != -1 || s.indexOf("/") != -1 || s.indexOf("\\") != -1 || s.indexOf("?") != -1 || s.indexOf("?") != -1 || s.indexOf("%") != -1 || s.indexOf("#") != -1 || s.indexOf("&") != -1 || s.indexOf("=") != -1 || s.indexOf("(") != -1 || s.indexOf(")") != -1 || s.indexOf("(") != -1 || s.indexOf(")") != -1 || s.indexOf("{") != -1 || s.indexOf("}") != -1 || s.indexOf("\"") != -1 || s.indexOf("<") != -1 || s.indexOf(">") != -1 || s.indexOf("@") != -1 || s.indexOf("!") != -1 || s.indexOf("!") != -1 || s.indexOf("$") != -1 || s.indexOf(".") != -1 || s.indexOf(",") != -1 || s.indexOf(",") != -1 || s.indexOf("、") != -1 || s.indexOf(":") != -1 || s.indexOf(":") != -1 || s.indexOf(";") != -1 || s.indexOf(";") != -1 || s.indexOf("¥") != -1 || s.indexOf("*") != -1 || s.indexOf("~") != -1 || s.indexOf("`") != -1 || s.indexOf("-") != -1 || s.indexOf("——") != -1 || s.indexOf("_") != -1 || s.indexOf("^") != -1 || s.indexOf("“") != -1 || s.indexOf("”") != -1 || s.indexOf("‘") != -1 || s.indexOf("’") != -1 || s.indexOf("……") != -1 || s.indexOf("[") != -1 || s.indexOf("]") != -1 || s.indexOf("【") != -1 || s.indexOf("】") != -1){
this.value = s.replace(new RegExp("[\\+,\\/,\\\\,\\?,\\?,\\%,\\#,\\&,\\=,\\(,\\),\\(,\\),\\{,\\},\\',\\\",\\<,\\>,\\@,\\!,\\!,\\$,\\.,\\,,\\、,\\:,\\:,\\;,\\;,\\¥,\\*,\\~,\\`,\\-,\\——,\\_,\\^,\\“,\\”,\\‘,\\’,\\……,\\【,\\】,\\[,\\],\\,]", "gm"), "");
}
});
};
//绑定输入框
$('.js-regexp-symbol').replaceOther();
})();
效果: