input 输入 限制 大全

简介: input 输入 限制 大全

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

相关文章
|
7月前
|
JavaScript 前端开发
input 输入 限制 大全
input 输入 限制 大全
234 0
|
2月前
|
固态存储 SDN
编写input()和output()函数输入
编写input()和output()函数输入。
32 2
|
7月前
|
Web App开发 移动开发 iOS开发
input输入框的23中类型
input输入框的23中类型
120 1
el-input输入值无法在输入框显示
el-input输入值无法在输入框显示
104 0
|
前端开发
el-input 限制只能输入正整数
el-input 限制只能输入正整数
231 0
|
语音技术
解决input中输入中文过程中会触发input事件的问题
解决input中输入中文过程中会触发input事件的问题
180 0
|
JavaScript
input 每输入一次都会失去焦点需要再次点击才能输入
出现上述问题其实就是遍历的时候key值绑定的不合理
315 0

热门文章

最新文章