学习整理使用js判断input框只能输入数字、字母等正则表达式

最新推荐文章于 2023-01-31 11:21:38 发布
最新推荐文章于 2023-01-31 11:21:38 发布
阅读量2.6k 收藏 12
点赞数
分类专栏： Javascript 文章标签： javascript html5 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/123996173
版权

学习整理使用js判断input框只能输入数字、字母等正则表达式

不允许粘贴赋值

<input onpaste="return false;" type="text" name="textfield" value="">

所有从别的地方复制粘贴过来的数据都不可以被使用

JS判断只能是数字和小数点

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>input正则表达式</title>
</head>

<body>
<div>
    <form onsubmit="return chkIt(this)">
        <input name="phone">
        <input name="n2">
        <input name="smt" type="submit" value="提交">
    </form>
</div>

<script type="text/javascript">
    function chkIt(frm) {
        if (frm.phone.value.length > 0 && frm.phone.value.match(/[\x01-\xFF]*/) == false) {
            alert('phone不能输入中文！')
            frm.phone.focus();
            return false;
        }
    }
</script>
</body>
</html>

文本框只能输入数字代码(小数点也不能输入)

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

只能输入数字,能输小数点.

方法1

    <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='';}">

方法2

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

只能输入字母和汉字

<input onkeyup="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')">

禁止特殊字符：

onKeyPress="if(event.keyCode < 45 || event.keyCode > 57 ) event.returnValue = false;"

只能输入汉字



<input onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))">

只能输入数字



<input onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">

只能输入英文和数字



<input onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">

控制输入框只能输入文字或数字，也可以不允许输入特殊字符

这里不允许输入如下字符: (像 ^&* 等)



<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;">

只禁止空格输入

onkeyup="value=value.replace(//s/g,'')"

onkeydown="if(event.keyCode==32) return false"

只能输入中文和英文

onkeyup="value=value.replace(/[^/a-zA-Z/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/a-zA-Z/u4E00-/u9FA5]/g,''))"

不允许输入特殊字符和空格

<input id="code" onkeypress="return ValidateSpecialCharacter();" onblur="validate(this)"/>

不能为空



<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母

/^([a-zA-z_]{1})([\w]*)$/g.test(str)

只能输入数字



<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" >

只能输入中文



<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

只能输入英文



<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

只允许输入英文，且不能粘贴也无法弹出粘贴菜单



<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false"/>

只能输入数字和点号(注意:在[^\d.]里的d不能写成大写D,否则就变成除了数字以外的所有字符)



<input name="price" type="text" size="8" maxlength="8" onkeyup="value=value.replace(/[^\d\.]/g,'')" >

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



<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">
徊忆羽菲
关注
专栏目录
【JavaScript基础语法】正则表达式——限制input输入框只能输入数字
XSL_HR的博客
12-27 3857
分享JavaScript基础语法中的正则表达式，并用其限制input输入框只能输入数字
js如何验证用户输入的只能是数字？
weixin_34321753的博客
08-12 2137
方法一如果判断输入的是否是数字，如果不是数字弹出一个提示：简易代码如下：<body><inputtype="text"id="inp"></table></body><script> varoInp=document.getElementById('inp'); oInp.onblur=function(){ if(isNaN...
JS只能输入数字，数字和字母等的正则表达式
scq503的专栏
08-28 1096
JS判断只能是数字和小数点  0.不能输入中文 1） 2） function chkIt(frm){   if (frm.n1.value.length>0&&frm.n1.value.match(/[\x01-\xFF]*/)==false){     alert('n1不能输入中文！')     frm.n1.focus();     return false;   } }
js 验证只能为中文、数字、字母
guo_xiao_hui的专栏
05-30 5823
/**验证只能为中文数字字母**/ function checkIsChEnNum(str) {     //如果值为空，通过校验     if (str == "")         return true;     var pattern = /^[A-Za-z0-9\u4e00-\u9fa5]+$/gi;     if (pattern.test(str))
JS只能输入数字或数字和字母等的正则表达式
01-19
JS判断只能是数字和小数点 0.不能输入中文 1）<input onpaste=”return false;” type=”text” name=”textfield” style=”width:400px; ime-mode:disabled” value=””> 2） 代码如下: [removed] function chkIt(frm){ if (frm.n1.value.length>0&&frm.n1.value.match(/[\x01-\xFF]*/)==false){ alert(‘n1不能输入中文！’) frm.n1.focus(); return false; } } </
使用正则限制input框只能输入数字/英文/中文等等
10-26
本文将详细介绍如何使用正则表达式来限制input框的输入，包括只能输入数字、英文、中文等。 首先，我们要了解正则表达式的基本组成部分。正则表达式通常由字母、数字、特殊符号及这些符号组合而成。在HTML中，我们...
js输入框使用正则表达式校验输入内容的实例
10-20
在本篇文章中，将通过一个具体的实例来介绍如何在JavaScript中使用正则表达式对输入框中的输入内容进行校验。 首先，什么是正则表达式呢？正则表达式，又称正规表示法、规则表达式，是一种文本模式，包括普通字符...
JS验证只能输入数字
06-30
问题：1.js验证只能输入数字. 2.js验证只能输入字母.数字和下划线. 3.js验证固定电话：只能是数字.并且有相应的格式028-67519441 或者 0839-8777222或者 028-6545124 的答案！
js正则只允许输入数字和字母
Qyzcxy的博客
02-23 3747
加在input框上 onkeyup="this.value=this.value.replace(/[^\d|a-z|A-Z]/g,'')"
replace限制文本框只能输入数字，数字和字母等的正则表达式
zzrshuiwuhen的专栏
05-03 3751
1.文本框只能输入数字代码(小数点也不能输入)    2.只能输入数字,能输小数点.      3.数字和小数点方法二  <input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_v
JS正则表达式只能输入数字跟字母
最新发布
weixin_40620651的博客
01-31 7583
JS正则表达式只能输入数字跟字母
用 JavaScript 验证只能输入数字，并做数字加总
08-31 887
开发系统时，常会需要将使用者在多个 TextBox 中输入的数字，做加总的计算，此时必须验证使用者只能输入数字。如下图 1 所示，有时可能还需要用 JavaScript 做数字的实时加总计算，并将计算结果显示在 Label 中。图 1　页面下方的 Label，有三个 TextBox 输入数字的实时加总计算结果在图 1 的三个 TextBox 中，若要验证输入是否为数
input输入框输入只能输入数字、字母等组合的正则表达式
热门推荐
xiaohong的博客
12-11 2万+
1.限制input输入框只能输入大小写字母、数字、下划线的正则表达式： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 2.限制input输入框只能输入小写字母、数字、下划线的正则表达式： <input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 3…限制input
记一个js校验只能输入数字的bug
weixin_43062663的博客
01-08 310
记一个js校验只能输入数字的bug 问题 前台输入100a这样的数字js校验拦不住，导致后台保存的时候出错。js代码为 function isNum(str,name) var reg = /^\d*$/; if(reg.test(str)){ return true; } udesk.shouwarning(name+"必须为数字")； return false; 之所以拦不住是因为js里先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值