input输入框限制输入正整数、小数、字母、文字

有的时候需要限制input的输入格式:

例如,输入大于0的正整数

<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,‘‘)}else{this.value=this.value.replace(/\D/g,‘‘)}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,‘‘)}else{this.value=this.value.replace(/\D/g,‘‘)}">

1、文本框只能输入整数代码(不能有小数点)

<input onkeyup="this.value=this.value.replace(/\D/g,‘‘)" onafterpaste="this.value=this.value.replace(/\D/g,‘‘)">

2、文本框只能输入数字(可以有小数点)

<input onkeyup="if(isNaN(value))execCommand(‘undo‘)" onafterpaste="if(isNaN(value))execCommand(‘undo‘)">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert(‘只能输入数字‘);this.value=‘‘;}">

3、只能输入字母和汉字

<input onkeyup="value=value.replace(/[\d]/g,‘‘) "onbeforepaste="clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[\d]/g,‘‘))" maxlength=10 name="Numbers">

4、只能输入英文字母和数字,不能输入中文

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,‘‘)">

5、只能输入数字和英文

<input onKeyUp="value=value.replace(/[^\d|chun]/g,‘‘)">

6、小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

7、小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,‘$1$2.$3‘)">

JS通过正则限制input输入框只能输入正整数、小数(两位小数)

1、只能是整数

<input type = "text" name= "number" id = ‘number‘ onkeyup= "if(! /^d+$/.test(this.value)){alert(‘只能整数‘);this.value=‘‘;}" />

2、限制是两位的小数

<input type = "text" name= "price" id = ‘price‘ onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert(‘只能输入数字,小数点后只能保留两位‘);this.value=‘‘;}" />

/^d*(?:.d{0,2})?$/表示必须是数字开头,数字结尾

时间: 2024-12-16 18:21:30

input输入框限制输入正整数、小数、字母、文字的相关文章

input输入框只能输入正整数

input输入框加入限制只能输入正整数,输入其他字符会自动清除: <input type="text" value="1" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.le

input输入框 只能输入数字 oninput = &quot;value=value.replace(/[^\d]/g,&#39;&#39;)&quot;

项目中因为利用 element-ui 和avue两个ui框架搭建的 1.利用element-ui自带的校验需要注意点 prop  :rules ref这三个属性 2.利用oninput时间进行校验  oninput = "value=value.replace(/[^\d]/g,'')"   写在html中Input 标签内可以 ,写在第三方ui框架也可以 如图 这是html中input标签中 input输入框 只能输入数字 oninput = "value=value.re

今天碰到一个问题,怎么限制用户在固定宽度的input输入框里输入的长度,由此涉猎到了maxlength属性和size属性以及它们的区别。

最开始想首先要强制在一行,另外超出的隐藏.还有一个思路是把value的值的长度和框的长度怎么联系起来,具体怎么联系我也不知道. 在解决另外一个问题的时候,哥发给我的代码里无意中看见input有个maxlength属性,就查了这儿属性. 在W3school里说maxlength属性有两个最大值:85和55,这个属性用于type类型为text和password属性.具体为啥有两个最大值还不清楚,待查. maxlength和size的区别在于,如: maxlength="5",则input输

input输入框只能输入正数和小数(保留小数点后两位)

1.限制只能输入正数和小数保留小数点后两位 1 <input type="number" id="txtNum" /> 2 3 <script type="javascript"> 4 $(function(){ 5 $("#txtNum").keyup(function () { 6 $(this).val(ChangeNumValue($(this).val())); 7 }); 8 9 10 })

【JS】input输入框只能输入数字

一.实现思路 input只能输入纯数字的思路其实很简单,监听输入框值的变化,每次输入检索输入框的值,将非数字的字段替换成空,再将此值赋予给输入框. 关键代码: \d:匹配数字 ^/d:全文匹配非数字 replace(/[^/d]/g,''):全文匹配非数字,并替换成空. 那我们的实现代码为: var input = document.querySelector("#demo"); input.oninput = function (){ input.value = input.valu

【前端】input输入框只能输入大于等于0的正数

大于等于0的正数,允许小数 <input type="number" step="1" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"> 大于0的正整数 <input type="text" placeholder=

input输入框制定输入数据类型匹配

<input type="text" id="price_169" value="97" style="max-width: 50px;" onkeyup="value=value.replace(/[^0-9]/g,'')"> 其中的onkeyup就是设定输入框的匹配值,这里的设定是匹配数字:输入其他字符会自动被抹除 onkeyup="value=value.replace(/[^0

input输入框限制输入英文,数字,汉字

<h1>js验证输入框内容</h1><br /><br /> 只能输入英文<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"><br /><br />只能输入英文<input type="text" onkeyup="value=value.replace(/[^\a-

js实现input输入框只能输入数字的功能(完美测试通过)

<input type="text" style="ime-mode:disabled;" onpaste="return false;" onkeypress="keyPress()" /> function keyPress() { var keyCode = event.keyCode; if ((keyCode >= 48 && keyCode <= 57)) { event.r