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 相关文章推荐
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
javascript字符串循环匹配实例分析
Jul 17 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
Sep 01 Javascript
全面理解JavaScript中的闭包
May 12 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
Oct 19 Javascript
js简单正则验证汉字英文及下划线的方法
Nov 28 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
Aug 29 Javascript
Vue官方文档梳理之全局配置
Nov 22 Javascript
js实现html滑动图片拼图验证
Jun 24 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 Vue.js
防止按钮在短时间内被多次点击的方法
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实现CSV文件导入和导出
2015/10/24 PHP
微信公众号开发客服接口实例代码
2016/10/21 PHP
laravel自定义分页效果
2017/07/23 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
js完美解决IE6不支持position:fixed的bug
2015/04/24 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
JavaScript 函数的执行过程
2016/05/09 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
JS控制TreeView的结点选择
2016/11/11 Javascript
JS产生随机数的用法小结
2016/12/10 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
详解百度百科目录导航树小插件
2017/01/08 Javascript
Vue.2.0.5过渡效果使用技巧
2017/03/16 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
vue技术分享之你可能不知道的7个秘密
2018/04/09 Javascript
利用JS实现一个同Excel表现的智能填充算法
2018/08/13 Javascript
如何从0开始用node写一个自己的命令行程序
2018/12/29 Javascript
详解Vue项目部署遇到的问题及解决方案
2019/01/11 Javascript
vue 组件销毁并重置的实现
2020/01/13 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
python 中文字符串的处理实现代码
2009/10/25 Python
Python字符串拼接的几种方法整理
2017/08/02 Python
Python使用wxPython实现计算器
2018/01/30 Python
python如何通过twisted实现数据库异步插入
2018/03/20 Python
python pandas 对series和dataframe的重置索引reindex方法
2018/06/07 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
建筑工程实习自我鉴定
2013/09/19 职场文书
公务员个人自我评价分享
2013/11/06 职场文书
白血病捐款倡议书
2014/05/14 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
Python中的tkinter库简单案例详解
2022/01/22 Python