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事件问题
Sep 05 Javascript
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
jQuery 实现侧边浮动导航菜单效果
Dec 26 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
Jun 17 Javascript
javascript实现滚动效果的数字时钟实例
Jul 21 Javascript
移动端触摸滑动插件swiper使用方法详解
Aug 11 Javascript
基于打包工具Webpack进行项目开发实例
May 29 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 Javascript
vue+eslint+vscode配置教程
Aug 09 Javascript
js实现淘宝首页的banner栏效果
Nov 26 Javascript
微信小程序语音同步智能识别的实现案例代码解析
May 29 Javascript
JavaScript parseInt0.0000005打印5原理解析
Jul 23 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
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
array_multisort实现PHP多维数组排序示例讲解
2011/01/04 PHP
PHP接收json 并将接收数据插入数据库的实现代码
2015/12/01 PHP
PHP的imageTtfText()函数深入详解
2021/03/03 PHP
js 获取Listbox选择的值的代码
2010/04/15 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
2013/08/25 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
2014/01/09 Javascript
js隐式全局变量造成的bug示例代码
2014/04/22 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
2017/01/19 Javascript
VUE重点问题总结
2018/03/19 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
2018/04/19 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
layui 动态设置checbox 选中状态的例子
2019/09/02 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
2020/07/21 Javascript
基于JavaScript实现大文件上传后端代码实例
2020/08/18 Javascript
Vue v-for中的 input 或 select的值发生改变时触发事件操作
2020/08/31 Javascript
[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场
2018/04/04 DOTA
python获取标准北京时间的方法
2015/03/24 Python
python数据结构之图的实现方法
2015/07/08 Python
pandas 条件搜索返回列表的方法
2018/10/30 Python
详解python多线程之间的同步(一)
2019/04/03 Python
解决python多行注释引发缩进错误的问题
2019/08/23 Python
Python整数与Numpy数据溢出问题解决
2019/09/11 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
Html5 滚动穿透的方法
2019/05/13 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
仓管员岗位职责范文
2013/11/08 职场文书
自荐信格式模板
2015/03/27 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书
欠款证明
2015/06/24 职场文书
导游词之江南周庄
2019/12/06 职场文书
使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())
2021/05/14 Python