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+条 前端面试题 收藏以后面试用得上
给大家推荐一个实用面试题库
1、前端面试题库 （面试必备） 推荐：★★★★★
地址：前端面试题库
