JavaScript验证知识整理


Posted in Javascript onMarch 24, 2017

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

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,'')">

只能输入中文、英文、数字、@符号和.符号

<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="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(/[^/w=@&]|_/ig,'')">

只允许输入汉字

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
基于jQuery实现的水平和垂直居中的div窗口
Aug 08 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
Dec 13 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 Javascript
易被忽视的js事件问题总结
May 14 Javascript
第七篇Bootstrap表单布局实例代码详解(三种表单布局)
Jun 21 Javascript
快速使用node.js进行web开发详解
Apr 26 Javascript
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
Aug 16 Javascript
小程序中英文混合排序问题解决
Aug 02 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
Sep 11 Javascript
使用vue实现一个电子签名组件的示例代码
Jan 06 Javascript
Bootstrap常用组件学习(整理)
Mar 24 #Javascript
详解打造 Vue.js 可复用组件
Mar 24 #Javascript
JavaScript获取URL参数的方法之一
Mar 24 #Javascript
原生JS改变透明度实现轮播效果
Mar 24 #Javascript
深入理解vue路由的使用
Mar 24 #Javascript
原生JS实现导航下拉菜单效果
Nov 25 #Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 #jQuery
You might like
php checkdate、getdate等日期时间函数操作详解
2010/03/11 PHP
使用PHP编写的SVN类
2013/07/18 PHP
php自动识别文件编码并转换为UTF-8的方法
2014/06/12 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
PHP中Session可能会引起并发问题
2015/06/26 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
50款非常棒的 jQuery 插件分享
2012/03/29 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
jQuery基础知识小结
2014/12/22 Javascript
深入学习jQuery Validate表单验证
2016/01/18 Javascript
Node.js文件操作方法汇总
2016/03/22 Javascript
Vue.js -- 过滤器使用总结
2017/02/18 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
vue等两个接口都返回结果再执行下一步的实例
2020/09/08 Javascript
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
使用IPython下的Net-SNMP来管理类UNIX系统的教程
2015/04/15 Python
一文总结学习Python的14张思维导图
2017/10/17 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
Python下简易的单例模式详解
2019/04/08 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
平民服装店创业计划书
2014/01/17 职场文书
公司介绍信范文
2015/01/31 职场文书
医学生自荐信范文
2015/03/05 职场文书
教师远程研修感悟
2015/11/18 职场文书
2016大学先进团支部事迹材料
2016/03/01 职场文书
准备去美国留学,那么大学申请文书应该怎么写?
2019/08/12 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书
Mysql 如何查询时间段交集
2021/06/08 MySQL