首頁 > web前端 > js教程 > JS控製文字方塊禁止輸入特殊字符

JS控製文字方塊禁止輸入特殊字符

jacklove
發布: 2018-06-15 16:21:00
原創
3377 人瀏覽過

JS 控制不能输入特殊字符

<input type="text" class="domain" onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,&#39;&#39;);">
this.value=this.value.replace(/[^u4e00-u9fa5w]/g,&#39;&#39;)
登入後複製

JS 控制文本框只能输入数字

<input onkeyup="value=value.replace(/[^0-9]/g,&#39;&#39;)" onpaste="value=value.replace(/[^0-9]/g,&#39;&#39;)" oncontextmenu = "value=value.replace(/[^0-9]/g,&#39;&#39;)">
登入後複製

JS 控制文本框只能输入数字、小数点

<input onkeyup="value=value.replace(/[^\0-9\.]/g,&#39;&#39;)" onpaste="value=value.replace(/[^\0-9\.]/g,&#39;&#39;)" oncontextmenu = "value=value.replace(/[^\0-9\.]/g,&#39;&#39;)">
登入後複製

JS 控制文本框只能输入英文

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,&#39;&#39;)">
登入後複製

JS 控制文本框只能输入英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,&#39;&#39;)" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,&#39;&#39;)" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9]/g,&#39;&#39;)">
登入後複製

JS 控制文本框只能输入中文

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;)" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;)" oncontextmenu = "value=value.replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;)">
登入後複製

JS 控制文本框只能输入中文、英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,&#39;&#39;)" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,&#39;&#39;)" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,&#39;&#39;)">
登入後複製

JS 控制文本框只能输入中文、英文、数字、空格

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,&#39;&#39;)" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,&#39;&#39;)" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,&#39;&#39;)">
登入後複製

JS 控制文本框只能输入中文、英文、数字、小数点

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,&#39;&#39;)" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,&#39;&#39;)" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,&#39;&#39;)">
登入後複製


输入之后立即清除:

//验证输入框内不能输入特殊字符,输入就立刻清除
	 function cleanSpelChar(th){     
	    if(/["&#39;<>%;)(&+]/.test(th.value)){           
	    $(th).val(th.value.replace(/["&#39;<>%;)(&+]/,""));     
	    } 
	}
登入後複製

如果是特殊字符,禁止输入:

//验证输入框内不能输入特殊字符,输入前先作判断
function processSpelChar() {
    var code;
    var character;
    if (document.all) {
        code = window.event.keyCode;
    } else {
        code = arguments.callee.caller.arguments[0].which;
    }
    var character = String.fromCharCode(code);
    var txt = new RegExp(/["&#39;<>%;)(&+]/);
    if (txt.test(character)) {
        if (document.all) {
            window.event.returnValue = false;
        } else {
            arguments.callee.caller.arguments[0].preventDefault();
        }
    }
}
登入後複製

JS替换英文特殊字符 `~!@#$%^&*()_+-=;':"\|,./<>?

var subject= document.getElementById("subject").value;
subject = subject.replace(/[\-\_\,\.\!\|\~\`\(\)\#\@\%\-\+\=\/\&#39;\$\%\^\&\*\{\}\:\;\"\L\<\>\?\\]/g, &#39;&#39;); 
alert(subject);
登入後複製

本文讲解了JS控制文本框禁止输入特殊字符,更多相关内容请关注php中文网。

相关推荐:

AngularJS 的相关内容

jQuery Validation使用教程

gulp模块的方法

以上是JS控製文字方塊禁止輸入特殊字符的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板