首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

解析使用js判断只能输入数字、字母等验证的方法(总结)

Posted in Javascript onMay 14, 2013

JS判断只能是数字和小数点
0.不能输入中文
1）<input onpaste=”return false;” type=”text” name=”textfield” style=”width:400px; ime-mode:disabled” value=””>
2）<script>
function chkIt(frm){
if (frm.n1.value.length>0&&frm.n1.value.match(/[\x01-\xFF]*/)==false){
alert(‘n1不能输入中文！')
frm.n1.focus();
return false;
}
}
</script>
<body>
<form onsubmit=”return chkIt(this)”>
<input name=”n1″>
<input name=”n2″>
<input name=”smt” type=”submit” value=”提交”>
</form>
</body>

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 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}”>
4.只能输入字母和汉字
<input onkeyup=”value=value.replace(/[\d]/g,”) “onbeforepaste=”clipboardData.setData(‘text',clipboardData.getData(‘text').replace(/[\d]/g,”))” maxlength=10 name=”Numbers”>
5.只能输入英文字母和数字,不能输入中文
<input onkeyup=”value=value.replace(/[^\w\.\/]/ig,”)”>
6.只能输入数字和英文<font color=”Red”>chun</font>
<input onKeyUp=”value=value.replace(/[^\d|chun]/g,”)”>
7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress=”if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false”>
8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<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,”))”>
style=”ime-mode:disabled”禁止汉字输入法

只能输入数字：
<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,”))”>
控制输入框只能输入文字或数字，也可以不允许输入特殊字符
这里不允许输入如下字符: (像 ^&* 等)<br>
<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,”)”>
——————————————————————————————————————?
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 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}”>
4.只能输入字母和汉字
<input onkeyup=”value=value.replace(/[/d]/g,”) “onbeforepaste=”clipboardData.setData(‘text',clipboardData.getData(‘text').replace(/[/d]/g,”))” maxlength=10 name=”Numbers”>
5.只能输入英文字母和数字,不能输入中文
<input onkeyup=”value=value.replace(/[^/w/.//]/ig,”)”>
6.只能输入数字和英文<font color=”Red”>chun</font>
<input onKeyUp=”value=value.replace(/[^/d|chun]/g,”)”>
7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress=”if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false”>
8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup=”this.value=this.value.replace(/^(/-)*(/d+)/.(/d/d).*$/,'$1$2.$3′)”>

只能输入中文、英文、数字、@符号和.符号
<input type=”text” onkeyup=”value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/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>里输入onkeyup=”value=value.replace(/[^\X]/g,”)” 然后在(/[\X]/g,”)里的X换成你想输入的代码就可以了
中文：u4E00-u9FA5
数字：d、0-9
英文：a-z、A-Z
其它符号@,点或其它符号.也可以多个,用\隔开就行了.
例如:
中、英文和数字加@符号加点符号：\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.
若 想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown=”fncKeyStop(event)” onpaste=”return false” oncontextmenu=”return false;”
—————————————————————————————————————————————

其一，只允许输入数字和小数点。
<input onKeypress=”return (/[/d.]/.test(String.fromCharCode(event.keyCode)))” style=”ime-mode:Disabled”>

其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来

<script>
function check(){
if (isNaN(tt.value))
{alert(“非法字符！”);
tt.value=””;}
}
</script>
<input type=”text” name=”tt” onkeyup=”check();”>

其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

<script language=javascript>
function onlyNum()
{
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
event.returnValue=false;
}
</script><input onkeydown=”onlyNum();” style=”ime-mode:Disabled>
结语,其实

style=”ime-mode:Disabled
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。

只允许输入数字
<input name=”username” type=”text” onkeyup=”value=this.value.replace(//D+/g,”)”>

只允许输入英文字母、数字和下划线(以下二种方法实现)
<input name=”userna其一，只允许输入数字和小数点。
<input onKeypress=”return (/[/d.]/.test(String.fromCharCode(event.keyCode)))” style=”ime-mode:Disabled”>

其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来

<script>
function check(){
if (isNaN(tt.value))
{alert(“非法字符！”);
tt.value=””;}
}
</script>
<input type=”text” name=”tt” onkeyup=”check();”>

其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

<script language=javascript>
function onlyNum()
{
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
event.returnValue=false;
}
</script><input onkeydown=”onlyNum();” style=”ime-mode:Disabled>
结语,其实

style=”ime-mode:Disabled
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。

只允许输入数字
<input name=”username” type=”text” onkeyup=”value=this.value.replace(//D+/g,”)”>

只允许输入英文字母、数字和下划线(以下二种方法实现)
<input name=”username” type=”text” style=”ime-mode:disabled”>
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/w/.//]/ig,”)”>

只允许输入英文字母、数字和&=@
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/w=@&]|_/ig,”)”>

只允许输入汉字
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/u4E00-/u9FA5]/g,”)”>
me” type=”text” style=”ime-mode:disabled”>
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/w/.//]/ig,”)”>

只允许输入英文字母、数字和&=@
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/w=@&]|_/ig,”)”>

只允许输入汉字
<input name=”username” type=”text” onkeyup=”value=value.replace(/[^/u4E00-/u9FA5]/g,”)”>

解析使用js判断只能输入数字、字母等验证的方法(总结)

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
JavaScript学习历程和心得小结
Aug 16 Javascript
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
jquery 跨域访问问题解决方法(笔记)
Jun 08 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
浅析javascript中的DOM
Mar 01 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
Jan 26 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
用原生js统计文本行数的简单示例
Aug 19 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
JavaScript中使用Async实现异步控制
Aug 15 Javascript
微信小程序云开发之使用云函数
May 17 Javascript
使用js检测浏览器的实现代码
May 14 #Javascript
Javascript 垃圾收集机制介绍理解
May 14 #Javascript
JavaScript实现GriwView单列全选(自写代码)
May 13 #Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 #Javascript
js 程序执行与顺序实现详解
May 13 #Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
May 13 #Javascript
JS 加入收藏夹的代码(主流浏览器通用)
May 13 #Javascript
tokenizer(1) SSH(3) 双人对弈(1) Vscode(3) 时钟(1) 人人对战(1) 2022年7月新番(1) OVERLORD(1) 后端(1) 算法(1)
You might like
php基础知识:类与对象(5) static
2006/12/13 PHP
需要使用php模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
PHP 创建文件(文件夹)以及目录操作代码
2010/03/04 PHP
php图像处理函数大全(推荐收藏)
2013/07/11 PHP
thinkphp 一个页面使用2次分页的实现方法
2013/07/15 PHP
PHP实现的MongoDB数据库操作类分享
2014/05/12 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
PHP实现的DES加密解密实例代码
2016/04/06 PHP
linux mint下安装phpstorm2020包括JDK部分的教程详解
2020/09/17 PHP
一次失败的jQuery优化尝试小结
2011/02/06 Javascript
js原生态函数中使用jQuery中的 $(this)无效的解决方法
2011/05/25 Javascript
JavaScript定时器详解及实例
2013/08/01 Javascript
js日期相关函数总结分享
2013/10/15 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
HTML5实现微信拍摄上传照片功能
2017/04/21 Javascript
基于Vue实例对象的数据选项
2017/08/09 Javascript
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
Python 可爱的大小写
2008/09/06 Python
python实现数通设备端口监控示例
2014/04/02 Python
python实现类似ftp传输文件的网络程序示例
2014/04/08 Python
python格式化字符串实例总结
2014/09/28 Python
Pycharm学习教程（6） Pycharm作为Vim编辑器使用
2017/05/03 Python
Python对列表去重的多种方法(四种方法)
2017/12/05 Python
python matplotlib库绘制散点图例题解析
2019/08/10 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
python3.8动态人脸识别的实现示例
2020/09/21 Python
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
教师自我鉴定
2013/12/13 职场文书
禁毒宣传标语
2014/06/19 职场文书
个人承诺书格式范文
2015/04/29 职场文书
社区敬老月活动总结
2015/05/07 职场文书
python实现简易名片管理系统
2021/04/11 Python
mysql查询的控制语句图文详解
2021/04/11 MySQL
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android