input 输入 限制 大全

1、只能输入数字

<el-input   onkeyup="value=value.replace(/[^\d]/g,'')"></el-input>

中能输入金额 保留两位小数

<el-input type="number"  onkeyup="value=(value*1).toFixed(2)"><el-input>

2、JS控制不能输入空格

<input type="text" οnkeyup="this.value=this.value.replace(//s/g,'')" οnpaste="this.value=this.value.replace(//s/g,'')" >

3、JS 控制不能输入特殊字符和中文

<input type="text" οnkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'');">

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

<input type="text" οnkeyup="value=value.replace(/[^0-9]/g,'')" οnpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">

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

<input οnkeyup="value=value.replace(/[^\0-9\.]/g,'')" οnpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu = "value=value.replace(/[^\0-9\.]/g,'')">

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

<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,'')">

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

<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

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

<input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" οnpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

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

<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">

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

<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')">

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

<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">

12、输入之后立即清除：

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

13、如果是特殊字符，禁止输入：

//验证输入框内不能输入特殊字符，输入前先作判断
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(/["'<>%;)(&+]/);
    if (txt.test(character)) {
    
    
        if (document.all) {
    
    
            window.event.returnValue = false;
        } else {
    
    
            arguments.callee.caller.arguments[0].preventDefault();
        }
    }
}

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

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

15、金额输入限制 只能输入数字和小数点

只需要设置 type=‘digit’ 即可

<input type='digit' class='n-input' placeholder='请输入充值金额' bindinput="inputedit" adjust-position="true" value="{
     
     {moneyNum}}"/>

收集中…

扫码获取 1000+条 前端面试题 收藏以后面试用得上