0
点赞
收藏
分享

微信扫一扫

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}}"/>


举报

相关推荐

0 条评论