jquery 输入框自动清除特殊字符

一:需要引入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();
	})();
效果:





猜你喜欢

转载自blog.csdn.net/m0_37649018/article/details/79063310
今日推荐