JS对文本框值的判断示例


Posted in Javascript onMarch 10, 2014

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="return event.keyCode>=4&&event.keyCode<=57"

Javascript 相关文章推荐
用javascript实现的激活输入框后隐藏初始内容
Jun 29 Javascript
让iframe自适应高度(支持XHTML,支持FF)
Jul 24 Javascript
jquery 学习之二 属性(类)
Nov 25 Javascript
让新消息在网页标题闪烁提示的jQuery代码
Nov 04 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
Mar 29 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
Jul 22 Javascript
微信小程序实现商品属性联动选择
Feb 15 Javascript
iview form清除校验状态的实现
Sep 19 Javascript
使用js实现单链解决前端队列问题的方法
Feb 03 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 Javascript
JS前端canvas交互实现拖拽旋转及缩放示例
Aug 05 Javascript
防止按钮在短时间内被多次点击的方法
Mar 10 #Javascript
JS操作CSS随机改变网页背景实现思路
Mar 10 #Javascript
jquery插件开发之实现jquery手风琴功能分享
Mar 10 #Javascript
文本域光标操作的jQuery扩展分享
Mar 10 #Javascript
jquery插件开发之实现google+圈子选择功能
Mar 10 #Javascript
js实现通用的微信分享组件示例
Mar 10 #Javascript
jquery基础教程之数组使用详解
Mar 10 #Javascript
You might like
php之XML转数组函数的详解
2013/06/07 PHP
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
PHP中的正则表达式实例详解
2017/04/25 PHP
PHP实现网页内容html标签补全和过滤的方法小结【2种方法】
2017/04/27 PHP
使用vs code编辑调试php配置的方法
2019/01/29 PHP
在laravel框架中使用model层的方法
2019/10/08 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
jquery利用ajax调用后台方法实例
2013/08/23 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
2014/08/27 Javascript
node.js中的fs.fsync方法使用说明
2014/12/15 Javascript
jQuery中常用的遍历函数用法实例总结
2015/09/01 Javascript
深入理解vue $refs的基本用法
2017/07/13 Javascript
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
jquery实现垂直无限轮播的方法分析
2019/07/16 jQuery
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
python操作MySQL数据库的方法分享
2012/05/29 Python
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
Python中序列的修改、散列与切片详解
2017/08/27 Python
python实现微信远程控制电脑
2018/02/22 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
Python中利用LSTM模型进行时间序列预测分析的实现
2019/07/26 Python
python如何使用代码运行助手
2020/07/03 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
荣耀俄罗斯官网:HONOR俄罗斯
2020/10/31 全球购物
.NET概念性的面试题
2012/02/29 面试题
会计专业大学生职业生涯规划范文
2014/01/11 职场文书
公司开业庆典主持词
2014/03/21 职场文书
爱心捐款倡议书
2014/04/14 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
生日宴会家属答谢词
2015/09/29 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
动画「半妖的夜叉姬」新BD特典图公开
2022/03/22 日漫