input 输入 限制 大全

ゝ一世哀愁。 2022-12-25 04:50 232阅读 0赞

1、只能输入数字

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

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

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

2、JS控制不能输入空格

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

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

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

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

  1. <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 控制文本框只能输入数字、小数点

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

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

  1. <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 控制文本框只能输入英文、数字

  1. <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 控制文本框只能输入中文

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

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

  1. <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 控制文本框只能输入中文、英文、数字、空格

  1. <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 控制文本框只能输入中文、英文、数字、小数点

  1. <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、输入之后立即清除：

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

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

  1. //验证输入框内不能输入特殊字符，输入前先作判断
  2. function processSpelChar() { 
  3.     var code;
  4.     var character;
  5.     if (document.all) { 
  6.         code = window.event.keyCode;
  7.     } else { 
  8.         code = arguments.callee.caller.arguments[0].which;
  9.     }
  10.     var character = String.fromCharCode(code);
  11.     var txt = new RegExp(/["'<>%;)(&+]/);
  12.     if (txt.test(character)) { 
  13.         if (document.all) { 
  14.             window.event.returnValue = false;
  15.         } else { 
  16.             arguments.callee.caller.arguments[0].preventDefault();
  17.         }
  18.     }
  19. }

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

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

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

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

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

收集中…

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

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，232人围观）

还没有评论，来说两句吧...

相关阅读