jsp input限制输入

合集下载

input无法输入内容的几种原因

input无法输入内容的几种原因

input⽆法输⼊内容的⼏种原因1、设置 readonly 属性
<input type="text" name="name" value="ylx" readonly="readonly" />
readonly 属性规定字段只读,不可修改,但可复制。

2、font-size 属性值设为0
<input type="text" name="name" value="ylx" style="font-size: 0px; width: 100px; height:30px;"/>
虽然强制设置了input的宽⾼,但内容像素为0*0,所以什么也输不进去。

3、被其他元素挡住了
其他元素可能设置了 float 或者 z-index,认真排查html结构就可以找到问题。

4、设置了 usr-select:none
这个属性是⽤户不可选中⽂本,可能会因为浏览器的⼀些适配问题,影响到了input框的正常事件。

5、return false;的使⽤清除了input框的默认事件(这是我踩得坑)
stopPropagation():可以阻⽌默认的冒泡事件,
preventDefault():可以消除默认事件,
但是在使⽤中贪图⽅便直接⽤ return false 来代替以上两种⽅法,阻⽌默认事件。

既阻⽌了冒泡,⼜消除了默认事件,如果不清楚这⼀点很有可能在使⽤on绑定事件时,使⽤reutrn false;消除冒泡的时候也消除了默认事件,导致input框⽆法输⼊内容。

input禁止输入的4种方法

input禁止输入的4种方法

input禁⽌输⼊的4种⽅法⽅法1、 readonly1<input type="text"value="哈哈哈"readonly="readonly"> //使⽤readonly,字段为只读可复制⽅法2、 disabled1<input type="text"value="哈哈哈"disabled="disabled"> //只读不可复制,⽆法选择,⽂字会变成灰⾊⽅法3、max length = “0”1<input type="text"maxlength="0">⽅法4:this.blur()1<input type="text"value="哈哈哈"onfocus="this.blur();"><input name="result" id="result" type="text" onFocus="this.blur();" size="20" value="">是⼀个输⼊框,⽤户输⼊⽂本的框就是类似于百度的搜索框,⼤⼩是20,value=""说明初始为空onfocuse="this.blur()"onfocuse是聚焦的意思,当你把光标放在⽂本框上输⼊的时候,就是聚焦,但这⾥添加了"this.blur()",blur的作⽤就是去除聚焦,也就是你不能把光标放在这个⽂本框上,换句话说就是你不能输⼊⽂本了----------[color=red]整个代码构成了"不能输⼊任何⽂本的⽂本框"[/color]。

js 控制最大输入值的方法

js 控制最大输入值的方法

js 控制最大输入值的方法【原创版4篇】《js 控制最大输入值的方法》篇1在JavaScript 中,你可以使用`maxlength` 属性来限制输入框的最大输入值。

例如,如果你有一个文本输入框,你可以使用以下代码来限制其最大输入值为50 个字符:```html<input type="text" id="myInput" maxlength="50">```如果你想在JavaScript 中动态地设置或获取最大输入值,可以使用以下代码:```javascript// 获取输入框的最大输入值var maxLength = document.getElementById("myInput").maxLength;// 设置输入框的最大输入值为100 个字符document.getElementById("myInput").maxLength = 100;```你也可以使用事件处理程序来限制输入框的最大输入值,例如,当用户在输入框中输入内容时,使用`input` 事件来检查输入的字符数,如果超过了最大输入值,则阻止输入。

以下是一个示例代码: ```html<input type="text" id="myInput" oninput="checkLength()"><script>function checkLength() {var input = document.getElementById("myInput");var maxLength = 50; // 最大输入值为50 个字符var currentLength = input.value.length;if (currentLength > maxLength) {input.value = input.value.substring(0, maxLength);}}</script>```在上面的代码中,当用户在输入框中输入内容时,`checkLength` 函数会被调用。

JSP限制文本框输入条件

JSP限制文本框输入条件

小数点后只能有最多两位(数字ut onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
方法二:把中文字符替换为空。
<input onpaste="return false" ondragenter="return false" onkeyup="this.value=this.value.replace(/[/u0391-/uFFE5]/gi,’’)" />
只能输入中文: <input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" />
禁止输入中文:
方法一:把所有双字节字符替换为空。
<input onpaste="return false" ondragenter="return false" onkeyup="this.value=this.value.replace(/[^/x00-/x80]/gi,’’)" />
只能输入字母和汉字:
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

js禁止输入的方法

js禁止输入的方法

js禁止输入的方法在JavaScript中,可以使用各种方法来禁止输入,以下是一些常用的方法:1.使用HTML属性和CSS样式禁用输入:在HTML中,可以使用`readonly`属性或`disabled`属性来禁止输入。

例如:```html<input type="text" readonly><input type="text" disabled>```除了`readonly`和`disabled`属性外,还可以使用CSS样式来禁用输入。

例如:```html<style>.disabledpointer-events: none;background-color: #f2f2f2;}</style><input type="text" class="disabled">```2. 使用JavaScript禁用输入:在JavaScript中,可以通过修改`disabled`属性或`readOnly`属性来禁用输入。

例如:```javascriptdocument.getElementById("myInput").disabled = true;document.getElementById("myInput").readOnly = true;```3. 使用JavaScript事件来禁止输入:可以使用JavaScript事件来捕获并阻止用户的输入。

例如,可以使用`onkeydown`、`onkeypress`和`onpaste`事件来禁止用户输入、粘贴等操作。

例如:```html<input type="text" onkeydown="return false;"><input type="text" onkeypress="return false;"><input type="text" onpaste="return false;">```4. 使用JavaScript禁用输入框的鼠标右键菜单:可以使用`oncontextmenu`事件和`preventDefault(`方法来禁用输入框的鼠标右键菜单。

【IT专家】『JavaScript』如何限制 Input 只能输入数字

【IT专家】『JavaScript』如何限制 Input 只能输入数字

本文由我司收集整编,推荐下载,如有疑问,请与我司联系『JavaScript』如何限制Input 只能输入数字2013/03/26 0 這玩意很多人寫過,但是今天臨時要用的時候找不到符合需求的,因此立馬來寫一個,既然都寫完了而且還滿符合需求的就放上來讓大家鞭一鞭。

 需求很簡單,一個文字方塊必須限制只能輸入數字(或是小數點)並且要支援IE 和Firefox。

HTML的Input 是這樣下滴
1 input type=“text” onkeyup=“return ValidateNumber($(this),value)” / 其中那個Style 是在IE 瀏覽器下).val()));return false;} 這樣子就可以輸入整數也可以輸入一個小數點
 以上就給有需要的朋友使用啦。

 因為有網友說這種玩意兒不需要動用到jQuery 的確,是不用動用到因此來寫一下純javascript 的版本
HTML要有所改變
 input type=“text” onkeyup=“return ValidateNumber(this,value)” / 如果你是用萬惡的IE那當你一開始就輸入非數字的時候就會送你一個討厭的null因此又要改寫成這樣過濾掉
 tips:感谢大家的阅读,本文由我司收集整编。

仅供参阅!。

JS通过正则限制input输入框只能输入整数、小数(金额或者现金)

JS通过正则限制input输入框只能输入整数、小数(金额或者现金)

JS通过正则限制input输⼊框只能输⼊整数、⼩数(⾦额或者现⾦)第⼀:限制只能是整数[js]1. <input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" />如果不是整数就直接alert第⼆:限制是两位的⼩数[js]1. <input type = "text" name= "price" id = 'price' onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert('只能输⼊数字,⼩数点后只能保留两位');this.value='';}" />原理:通过正则表达式判断,不满⾜执⾏alert。

第⼀个正则表达式是 /^d+$/ 表⽰可以是⼀个或者多个数字第⼆个正则表达式是[js]1. /^d*(?:.d{0,2})?$/表⽰必须是数字开头,数字结尾。

这⾥重点是要数字结尾,在计算机中通常⼩数 1. , 2. 这种写法,就是可是⼩数点结尾的,是正确的。

这⾥强制让数字结尾。

test()只要找到满⾜的部分就返回真。

意思是是[js]1. /d/. test ( 'a' ) // false2. /d/. test ( 'a' ) // true3. /d/. test ( 'a' ) // true所以要保证谁开头谁结尾。

开头⽤ $, 结尾⽤ ^下⾯给⼤家介绍js正则限制input框输⼊的常⽤代码1.只能输⼊数字和英⽂的:[js]1. <input onkeyup="value=value.replace(/[\W]/g,'') "2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"3. ID="Text1" NAME="Text1">2.只能输⼊数字的:[js]1. <input onkeyup="value=value.replace(/[^\d]/g,'') "2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"3. ID="Text2" NAME="Text2">3.只能输⼊全⾓的:[js]1. <input onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"3. ID="Text3" NAME="Text3">4.只能输⼊汉字的:[js]1. <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"3. ID="Text4" NAME="Text4">5.邮件地址验证:[js]1. var regu =2. "^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"3. var re = new RegExp(regu);4. if (s.search(re) != -1) {5. return true;6. } else {7. window.alert ("请输⼊有效合法的E-mail地址!")8. return false;9. }6.⾝份证:[js]1. "^\\d{17}(\\d|x)$"2. 7.17种正则表达式3. "^\\d+$" //⾮负整数(正整数 + 0)4. "^[0-9]*[1-9][0-9]*$" //正整数5. "^((-\\d+)|(0+))$" //⾮正整数(负整数 + 0)6. "^-[0-9]*[1-9][0-9]*$" //负整数7. "^-?\\d+$" //整数8. "^\\d+(\\.\\d+)?$" //⾮负浮点数(正浮点数 + 0)9. "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$" //正浮点数10. "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //⾮正浮点数(负浮点数 + 0)11. "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" //负浮点数12. "^(-?\\d+)(\\.\\d+)?$" //浮点数13. "^[A-Za-z]+$" //由26个英⽂字母组成的字符串14. "^[A-Z]+$" //由26个英⽂字母的⼤写组成的字符串15. "^[a-z]+$" //由26个英⽂字母的⼩写组成的字符串16. "^[A-Za-z0-9]+$" //由数字和26个英⽂字母组成的字符串17. "^\\w+$" //由数字、26个英⽂字母或者下划线组成的字符串18. "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址19. "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" //url1.取消按钮按下时的虚线框 在input⾥添加属性值 hideFocus 或者 HideFocus=true2.只读⽂本框内容在input⾥添加属性值 readonly3.防⽌退后清空的TEXT⽂档(可把style内容做做为类引⽤)[js]1. <INPUT style=behavior:url(#default#savehistory); type=text2. d=oPersistInput>4.ENTER键可以让光标移到下⼀个输⼊框[js]1. <input onkeydown="if(event.keyCode==13)event.keyCode=9" >5.只能为中⽂(有闪动)[js]1. <input onkeyup="value="/value.replace(/[" -~]/g,'')"2. nkeydown="if(event.keyCode==13)event.keyCode=9">6.只能为数字(有闪动)[js]1. <input onkeyup="value="/value.replace(/["^\d]/g,'')2. nbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">7.只能为数字(⽆闪动)[js]1. <input ime-mode:disabled"2. onkeydown="if(event.keyCode==13)event.keyCode=9" onKeypress="if3. ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">8.只能输⼊英⽂和数字(有闪动)[js]1. <input onkeyup="value="/value.replace(/[\W]/g,"'')"2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">9.屏蔽输⼊法[js]1. <input type="text" name="url" ime-mode:disabled"2. keydown="if(event.keyCode==13)event.keyCode=9">10. 只能输⼊数字,⼩数点,减号(-)字符(⽆闪动)[js]1. <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 &&2. event.keyCode<48 || event.keyCode>57)) event.returnValue=false">11. 只能输⼊两位⼩数,三位⼩数(有闪动)[js]1. <input maxlength=92. onkeyup="if(value.match(/^\d{3}$/))value="/value.replace(value,parseInt(value/10))"3. ;value="/value.replace(/\.\d*\./g,'."')" onKeyPress="if((event.keyCode<484. || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 ||5. value.match(/^\d{3}$/) || /\.\d{3}$/.test(value))6. {event.returnValue=false}" id=text_kfxe name=text_kfxe>7. <p style="">密码的强度必须是包含⼤⼩写字母和数字的组合,不能使⽤特殊字符,长度在8-10之间。

input输入框限制20个字符,十个汉字

input输入框限制20个字符,十个汉字

input输⼊框限制20个字符,⼗个汉字英⽂和数字为⼀个字符,汉字为两个字符在 Web 开发中,经常要对表单元素的输⼊进⾏限制,⽐如说不允许输⼊特殊字符,标点。

通常我们会监听 input 事件:inputElement.addEventListener('input', function(event) {let regex = /[^1-9a-zA-Z]/g;event.target.value = event.target.value.replace(regex, '');event.returnValue = false});这段代码在 Android 上是没有问题的,但是在 iOS 中,input 事件会截断⾮直接输⼊,什么是⾮直接输⼊呢,在我们输⼊汉字的时候,⽐如说「喜茶」,中间过程中会输⼊拼⾳,每次输⼊⼀个字母都会触发 input 事件,然⽽在没有点选候选字或者点击「选定」按钮前,都属于⾮直接输⼊。

这显然不是我们想要的结果,我们希望在直接输⼊之后才触发 input 事件,这就需要引出我要说的两个事件—— compositionstart和compositionend。

compositionstart事件在⽤户开始进⾏⾮直接输⼊的时候触发,⽽在⾮直接输⼊结束,也即⽤户点选候选词或者点击「选定」按钮之后,会触发compositionend事件。

var inputLock = false;function do(inputElement) {var regex = /[^1-9a-zA-Z]/g;inputElement.value = inputElement.value.replace(regex, '');}inputElement.addEventListener('compositionstart', function() {inputLock = true;});inputElement.addEventListener('compositionend', function(event) {inputLock = false;do(event.target);})inputElement.addEventListener('input', function(event) {if (!inputLock) {do(event.target);event.returnValue = false;}});添加⼀个 inputLock 变量,当⽤户未完成直接输⼊前,inputLock 为 true,不触发 input 事件中的逻辑,当⽤户完成有效输⼊之后,inputLock 设置为 false,触发 input 事件的逻辑。

input禁止键盘及中文输入,但可以点击

input禁止键盘及中文输入,但可以点击

input禁⽌键盘及中⽂输⼊,但可以点击⽹上找了很多,不实⽤,要不兼容问题,这个可以!<input>禁⽌键盘及中⽂输⼊,但⼜不能⽤readonly ⽽且还需兼容ie 和 ff , 为了完成这功能费了蛮⼤功夫,呵呵,在此记录以便⽇后之⽤;另外禁⽌粘贴 onpaste="return false"复制代码代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><script>// 样式 style="ime-mode:disabled" 禁⽌中⽂输⼊function noPermitInput(e){var evt = window.event || e ;if(isIE()){evt.returnValue=false; //ie 禁⽌键盘输⼊}else{evt.preventDefault(); //fire fox 禁⽌键盘输⼊}}function isIE() {if (erAgent.toLowerCase().indexOf("msie") >= 1)return true;elsereturn false;}</script></HEAD><BODY>禁⽌键盘按键输⼊及中⽂输⼊<input type="text" value="" style="ime-mode:disabled" onkeypress="noPermitInput(event)" ></BODY></HTML>。

常用限制input的方法

常用限制input的方法

常⽤限制input的⽅法1.只能输⼊数字和英⽂的:<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"ID="Text1" NAME="Text1">2.只能输⼊数字的:<inputonkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"ID="Text2" NAME="Text2">3.只能输⼊全⾓的:<inputonkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"ID="Text3" NAME="Text3">4.只能输⼊汉字的:<inputonkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"ID="Text4" NAME="Text4">5.邮件地址验证:var regu ="^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)" var re = new RegExp(regu); if (s.search(re) != -1) { return true; } else { window.alert ("请输⼊有效合法的E-mail地址!") return false; } 6.⾝份证: "^\\d{17}(" 7.17种正则表达式 "^\\d+" //⾮负整数(正整数 + 0)"^[0-9]*[1-9][0-9]*" //正整数 "^((-\\d+)|(0+))" //⾮正整数(负整数 + 0)"^-[0-9]*[1-9][0-9]*" //负整数 "^-?\\d+" //整数"^\\d+(" //⾮负浮点数(正浮点数 + 0)"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))" //正浮点数 "^((-\\d+(" //⾮正浮点数(负浮点数 + 0) "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))" //负浮点数"^(-?\\d+)(" //浮点数"^[A-Za-z]+" //由26个英⽂字母组成的字符串 "^[A-Z]+" //由26个英⽂字母的⼤写组成的字符串"^[a-z]+" //由26个英⽂字母的⼩写组成的字符串 "^[A-Za-z0-9]+" //由数字和26个英⽂字母组成的字符串"^\\w+$" //由数字、26个英⽂字母或者下划线组成的字符串"^[\\w-]+(" //email地址"^[a-zA-z]+://(" //url8.只能输⼊数字英⽂或字母Loading [MathJax]/jax/output/HTML-CSS/fonts/TeX/fontdata.js。

常用限制input的方法

常用限制input的方法

常⽤限制input的⽅法1.只能输⼊数字和英⽂的:<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"ID="Text1" NAME="Text1">2.只能输⼊数字的:<inputonkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"ID="Text2" NAME="Text2">3.只能输⼊全⾓的:<inputonkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"ID="Text3" NAME="Text3">4.只能输⼊汉字的:<inputonkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"ID="Text4" NAME="Text4">5.邮件地址验证:var regu ="^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)" var re = new RegExp(regu); if (s.search(re) != -1) { return true; } else { window.alert ("请输⼊有效合法的E-mail地址!") return false; } 6.⾝份证: "^\\d{17}(" 7.17种正则表达式 "^\\d+" //⾮负整数(正整数 + 0)"^[0-9]*[1-9][0-9]*" //正整数 "^((-\\d+)|(0+))" //⾮正整数(负整数 + 0)"^-[0-9]*[1-9][0-9]*" //负整数 "^-?\\d+" //整数"^\\d+(" //⾮负浮点数(正浮点数 + 0)"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))" //正浮点数 "^((-\\d+(" //⾮正浮点数(负浮点数 + 0) "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))" //负浮点数"^(-?\\d+)(" //浮点数"^[A-Za-z]+" //由26个英⽂字母组成的字符串 "^[A-Z]+" //由26个英⽂字母的⼤写组成的字符串"^[a-z]+" //由26个英⽂字母的⼩写组成的字符串 "^[A-Za-z0-9]+" //由数字和26个英⽂字母组成的字符串"^\\w+$" //由数字、26个英⽂字母或者下划线组成的字符串"^[\\w-]+(" //email地址"^[a-zA-z]+://(" //url8.只能输⼊数字英⽂或字母Loading [MathJax]/jax/output/HTML-CSS/fonts/TeX/fontdata.js。

element input 限制输入0到100的整数 正则

element input 限制输入0到100的整数 正则

element input 限制输入0到100的整数正则如何使用正则表达式限制输入0到100的整数呢?在下面例子中,我们将使用JavaScript来实现这个功能。

首先,我们需要了解如何使用正则表达式来匹配整数。

正则表达式匹配整数的方法如下:```/^(?:[0-9]|[1-9]\d+)$/```这个正则表达式的解释如下:- `^`:表示字符串的开始- `(?:...)`:表示一个非捕获组,用于匹配0到9之间的数字- `|`:表示或,用于匹配两个不同的模式- `[1-9]`:表示匹配1到9之间的数字- `\d+`:表示匹配一个或多个数字- `$`:表示字符串的结束接下来,我们将把这个正则表达式应用到HTML的`<input>`元素上,以限制用户输入的值。

```html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>限制输入0到100的整数</title></head><body><input type="text" id="numberInput" pattern="^(?:[0-9]|[1-9]\d+)$"><script>//获取输入元素const numberInput = document.getElementById('numberInput');// 为输入元素添加事件监听器numberInput.addEventListener('input', function (e) {//获取输入的值const inputValue = e.target.value;//检查输入值是否符合正则表达式if (!inputValue.match(/^(?:[0-9]|[1-9]\d+)$/)) {// 如果输入值不符合正则表达式,删除最后一位字符e.target.value = inputValue.slice(0, -1);}});</script></body></html>```这段代码首先获取页面上的输入元素,并为其添加事件监听器。

js限制input只能输入有效的数字(第一个不能是小数点)

js限制input只能输入有效的数字(第一个不能是小数点)

js限制input只能输⼊有效的数字(第⼀个不能是⼩数点)第⼀种⽅法:通过字符搜索判断等实现,适合功能增强<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="js/jq.js"></script></head><body><input type="text" id="Score" /><script type="text/javascript">$(document).ready(function() {//敲击按键时触发$("#Score").bind("keypress", function(event) {var event= event || window.event;var getValue = $(this).val();//控制第⼀个不能输⼊⼩数点"."if (getValue.length == 0 && event.which == 46) {alert(1)event.preventDefault();return;}//控制只能输⼊⼀个⼩数点"."if (getValue.indexOf('.') != -1 && event.which == 46) {event.preventDefault();alert(1)return;}//控制只能输⼊的值if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {event.preventDefault();return;}})//失去焦点是触发$("#Score").bind("blur", function(event) {var value = $(this).val(), reg = /\.$/;if (reg.test(value)) {value = value.replace(reg, "");$(this).val(value);}})});</script></body></html>⽅法⼆通过⼤量正则来实现,简单粗暴<input type="text" name="je" onkeyup="clearNoNum(this)" />元<script language="JavaScript" type="text/javascript">function clearNoNum(obj){obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第⼀个. 清除多余的obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输⼊两个⼩数if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤,此处控制的是如果没有⼩数点,⾸位不能为类似于 01、02的⾦额obj.value= parseFloat(obj.value);}}</script>个⼈推荐使⽤第⼆个,第⼀个⽅便更多的功能控制之前也发布过相关⽂章,⼤家可以查看相关⽂章。

input输入长度与限制内容

input输入长度与限制内容

input输⼊长度与限制内容1、限制input最⼤长度<input type="text" maxlength="5" /> //可以<input type="number" maxlength="5" /> //没有效果<input type="number" οninput="if(value.length>5) value=value.slice(0,5)" /> //js控制,可以<input type="tel" maxlength="5" /> //tel类型,可以此外,tel类型的input在ios上会调出全数字键盘,⽽number类型的input则会调出带有标点符号的键盘。

2、限制input输⼊框为纯数字:a、onkeyup = "value=value.replace(/[^\d]/g,'')"使⽤ onkeyup 事件,有 bug ,那就是在中⽂输⼊法状态下,输⼊汉字之后直接回车,会直接输⼊字母 b、onchange = "value=value.replace(/[^\d]/g,'')"使⽤ onchange 事件,在输⼊内容后,只有 input 丧失焦点时才会得到结果,并不能在输⼊时就做出响应 c、oninput = "value=value.replace(/[^\d]/g,'')"使⽤ oninput 事件,完美的解决了以上两种问题,暂时还没有出现其它问题。

input输入框限制

input输入框限制

input输入框限制2009-04-13 17:351、小写自动转换成大写:<input type="text" name="XianJin" class="input02"style="text-transform:uppercase;">or<input type="text" name="XianJin"onkeyup="this.value=this.value.toLocaleUpperCase()">2、大写自动转换成小写<input type="text" name="XianJin" class="input02"style="text-transform:lowercase;">or<input type="text" name="XianJin"onkeyup="this.value=this.value.toLocaleLowerCase()">3、防止退后清空的TEXT文档<INPUT style=behavior:url(#default#savehistory); type=textid=oPersistInput>4、ENTER键可以让光标移到下一个输入框<input onkeydown="if(event.keyCode==13)event.keyCode=9" >5、只能为中文(有闪动)<input onkeyup="value=value.replace(/[ -~]/g,'')"onkeydown="if(event.keyCode==13)event.keyCode=9">6、只能为数字(有闪动)<input onkeyup="value=value.replace(/[^\d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('t ext').replace(/[^\d]/g,''))">7、只能为数字(无闪动)<input style="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"> oronkeyup="if(isNaN(value)){alert('必须是数字');value='';}"8、只能输入英文和数字(有闪动)<input onkeyup="value=value.replace(/[\W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('te xt').replace(/[^\d]/g,''))">9、屏蔽输入法<input type="text" name="url" style="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9">10、只能输入数字,小数点,减号(-)字符(无闪动)<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">11、改变输入框字体的大小.按钮字体不变<input name="startdate" type="text" style="font-family: Arial; color: #008000;font-size: 27px" size="10">12、最多可以输入255个字符<textarea name="txt" rows="7" id="txt" onKeyPress="xz()"></textarea><script language="javascript">function xz(){if (txt.value.length>255)event.keyCode=0;txt.value=txt.value.substr(0,255);}</script>常用限制input的方法1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者HideFocus=trueinput type=submit value=提交 hidefocus=true2.只读文本框内容,在input里添加属性值 readonlyinput type=text readonly3.防止退后清空的TEXT文档(可把style内容做做为类引用)input type=text style=behaviorurl(#default#savehistory);4.ENTER键可以让光标移到下一个输入框input type=text onkeydown=if(event.keyCode==13)event.keyCode=95.只能为中文(有闪动)input type=text onkeyup=value=value.replace([ -~]g,'')onkeydown=if(event.keyCode==13)event.keyCode=96.只能为数字(有闪动)input type=text onkeyup=value=value.replace([^d]g,'')onbeforepaste=clipboardData.setData('text',clipboardData.getData('text').replace([^d]g,''))7.只能为数字(无闪动)input type=text style=ime-modedisabledonkeydown=if(event.keyCode==13)event.keyCode=9 onkeypress=if ((event.keyCode48 event.keyCode57)) event.returnValue=false8.只能输入英文和数字(有闪动)input type=text onkeyup=value=value.replace([W]g,'')onbeforepaste=clipboardData.setData('text',clipboardData.getData('tex t').replace([^d]g,''))9.屏蔽输入法input type=text name=url style=ime-modedisabledonkeydown=if(event.keyCode==13)event.keyCode=910. 只能输入数字,小数点,减号(-)字符(无闪动)input onkeypress=if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode48 event.keyCode57)) event.returnValue=false11. 只能输入两位小数,三位小数(有闪动)input type=text maxlength=9onkeyup=if(value.match(^d{3}$))value=value.replace(value,parseInt(val ue10)) ;value=value.replace(.d.g,'.') onkeypress=if((event.keyCode48 event.keyCode57) && event.keyCode!=46 && event.keyCode!=45value.match(^d{3}$) .d{3}$.test(value)) {event.returnValue=false}。

『JavaScript』限制Input只能输入数字实现思路及代码

『JavaScript』限制Input只能输入数字实现思路及代码

『JavaScript』限制Input只能输入数字实现思路及代码一个文字方块必须限制只能输入数字(或是小数点)并且要支援 IE 和 Firefox,接下来为大家介绍下如何解决这个需求这玩意很多人写过,但是今天临时要用的时候找不到符合需求的,所以立马来写一个,既然都写完了而且还满符合需求的就放上来让大家鞭一鞭。

需求很简单,一个文字方块必须限制只能输入数字(或是小数点)并且要支援 IE 和 Firefox。

HTML的 Input 是这样下滴复制代码代码如下:<input type="text" style="ime-mode:disabled" onkeyup="return ValidateNumber($(this),value)" />•其中那个 Style 是在 IE 浏览器下有效用的,可以让使用者无法在这文字方块内使用输入法。

•而onkeyup 则是我们自己撰写的 js 啦,完整的 Code 在下面。

--------------------------------------------------------------------------------验证只能输入数字复制代码代码如下:function ValidateNumber(e, pnumber){if (!/^\d+$/.test(pnumber)){$(e).val(/^\d+/.exec($(e).val()));}return false;}demo 是利用 Regex 来将不属于数字的过滤掉。

--------------------------------------------------------------------------------实务上经常需要验证的是有小数点的栏位,网路上搜寻到的一堆是可以输入「1.2.3456」的这种诡异值,其实只要小改一下 Regex 就可以验证了。

「js限制文本框只能输入数字或字母的方法总结」

「js限制文本框只能输入数字或字母的方法总结」

Js实现限制文本框只能输入字母或数字的方法总结一.只能输入字母和汉字代码如下:<inputonkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))"maxlength=10 name="Numbers">二.只能输入英文字母和数字,不能输入中文代码如下:<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">三.只能输入数字和英文代码如下:<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">四.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:代码如下:<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) &&event.keyCode!=46|| /\.\d\d$/.test(value))event.returnValue=false">五.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:代码如下:<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">六.文本框只能输入数字代码(小数点也不能输入代码如下:<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">七.只能输入数字,能输小数点代码如下:<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">八.输入大于0的正整数代码如下:<inputonkeyup="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,'')}">。

input禁止输入中文的正则

input禁止输入中文的正则

input禁止输入中文的正则正则表达式(regular expression,简称regex)是一种文本模式,用于匹配特定字符串中的某些文本。

它可以用来验证输入字符串或者从输入字符串中提取信息。

在HTML中,input标签可以用来接收用户输入。

在某些情况下,我们需要禁止input标签输入中文字符,这时我们就需要用到正则表达式。

要禁止input标签输入中文字符,我们可以使用如下正则表达式:^[^\u4e00-\u9fa5]+$上面的正则表达式表示:^表示字符串的开头,[^]表示除了[]中的字符之外的所有字符,\u4e00-\u9fa5表示Unicode编码中的中文字符,+表示匹配一次或多次,$表示字符串的结尾。

因此,上面的正则表达式可以用来匹配不含中文字符的字符串,从而禁止input标签输入中文字符。

使用正则表达式禁止input标签输入中文字符需要对input标签添加pattern属性,其值为上面的正则表达式:<input type="text" pattern="^[^\u4e00-\u9fa5]+$">这样,当用户输入中文字符时,浏览器会提示错误信息,告知用户输入的字符串不符合正则表达式的要求。

此外,我们还可以使用JS代码实现input标签禁止输入中文字符的功能,只需监听input标签的oninput事件,并在事件处理函数中调用replace方法将中文字符替换为空字符即可:<input type="text"oninput="this.value=this.value.replace(/[\u4e00-\u9fa5]/g,'')">上面的JS代码中,oninput表示监听input标签的oninput事件,this.value表示input标签的值,replace 表示替换字符串中的某些字符,/[\u4e00-\u9fa5]/g表示替换Unicode编码中的中文字符,''表示替换成的字符。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

3.数字和小数点方法二
<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">
var temp = arr.slice(0); //复制数组到一个临时变量
for(var i = 0; i < len; i++) {
temp[i] = arr[i].toString().split('').sort().join(''); //将数组中的每个数都按大小重排(321 -> 123)
repeat[id] = repeat[id]? repeat[id] + 1 : 1;
temp.splice(j, 1);
} else { //如果不相同,则将第j+1个数作为比较对像
j += 1;
5.只能输入英文字母和数字,不能输入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">
}
temp.sort(); //整个数组重排,使相同的数排列在一起
var j = 0;
var id;
while(j < temp.length - 1) {
id = temp[j];
if(id == temp[j + 1]) { //比较当前第j个数与数组的下一个数是否相同,如果相同,则删除第j个数
var result = checkSth(s);
var res = "";
for(each in result) {
res+="系列编码:"+each +"重复,重复次数为:" + result[each]+"\n";
}
return res;
}
implement消除提示
}
}
}
return repeat;
}
// 判断系列数据是否重复
function checkxlfiled4save(){
var s = ["001","002","003","004","005","006","002","003","001","003"];
JS判断只能是数字和小数点
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='';}">
@SuppressWarnings({ "unchecked", "deprecation", "rawtypes" })
action消除提示
@SuppressWarnings({ "unchecked", "rawtypes" })
有set对象的entity或者是service接口
@SuppressWarnings("rawtypes")
4.只能输入字母和汉字
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">
8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">
只能是数字和小数点和加减乘際
onkeypress="return event.keyCode>=4&&event.keyCode<=57"
截取页面关闭方法:
onbeforeunload=function(){..........}
// 验证数据是否重复
function checkSth(arr) {
var repeat = {}; //记录重复的数字及重复次数
var len /数组长度小于2时,不可能出现重复的情况
7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
相关文档
最新文档