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 相关文章推荐
Juqery Html(),append()等方法的Bug解决方法
Dec 13 Javascript
js 函数的副作用分析
Aug 23 Javascript
javascript 另一种图片滚动切换效果思路
Apr 20 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
angularjs指令中的compile与link函数详解
Dec 06 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
Jun 17 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
微信小程序实现城市列表选择
Jun 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
调频问题解答
2021/03/01 无线电
利用 window_onload 实现select默认选择
2006/10/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(九)
2014/06/24 PHP
php去除数组中重复数据
2014/11/18 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
Jquery动态更改一张位图的src与Attr的使用
2013/07/31 Javascript
浅析JavaScript中的同名标识符优先级
2013/12/06 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
了不起的node.js读书笔记之例程分析
2014/12/22 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
小发现之浅谈location.search与location.hash的问题
2017/06/23 Javascript
JavaScript数组排序reverse()和sort()方法详解
2017/12/24 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
React-router4路由监听的实现
2018/08/07 Javascript
vue如何安装使用Quill富文本编辑器
2018/09/21 Javascript
js实现点击图片在屏幕中间弹出放大效果
2019/09/11 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
vue在响应头response中获取自定义headers操作
2020/07/24 Javascript
JavaScript实现图片放大预览效果
2020/11/02 Javascript
python编程嵌套函数实例代码
2018/02/11 Python
python3结合openpyxl库实现excel操作的实例代码
2018/09/11 Python
python斐波那契数列的计算方法
2018/09/27 Python
详解Python实现进度条的4种方式
2020/01/15 Python
通过Canvas及File API缩放并上传图片完整示例
2013/08/08 HTML / CSS
新西兰最大的品牌运动鞋购物网站:Platypus NZ
2017/10/27 全球购物
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
Huda Beauty官方商店:化妆和美容产品
2020/09/05 全球购物
酒店管理专业毕业生推荐信
2013/11/10 职场文书
后勤部经理岗位职责
2014/02/23 职场文书
2014年小学少先队工作总结
2014/12/18 职场文书
2015年司法所工作总结
2015/04/27 职场文书
长征观后感
2015/06/09 职场文书
2015最新民情日记范文
2015/06/26 职场文书