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 相关文章推荐
ExtJs 表单提交登陆实现代码
Aug 19 Javascript
jQuery+ajax中getJSON() 用法实例
Dec 22 Javascript
JS实现点击按钮自动增加一个单元格的方法
Mar 09 Javascript
如何动态加载外部Javascript文件
Dec 02 Javascript
JavaScript弹窗基础篇
Apr 27 Javascript
javascript小数精度丢失的完美解决方法
May 31 Javascript
JS实现直接运行html代码的方法
Mar 13 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
Apr 26 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
Aug 24 Javascript
vue+webpack 更换主题N种方案优劣分析
Oct 28 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
Jul 28 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
phpmail类发送邮件函数代码
2012/02/20 PHP
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
PHP常用工具类大全附全部代码下载
2015/12/07 PHP
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
基于jquery的地址栏射击游戏代码
2011/03/10 Javascript
jquery DIV撑大让滚动条滚到最底部代码
2013/06/06 Javascript
jquery parent和parents的区别分析
2013/10/02 Javascript
基于javascript的JSON格式页面展示美化方法
2014/07/02 Javascript
JavaScript汉诺塔问题解决方法
2015/04/21 Javascript
谈谈jQuery Ajax用法详解
2015/11/27 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
浅谈JavaScript的push(),pop(),concat()方法
2016/06/03 Javascript
详解jQuery事件
2017/01/13 Javascript
JavaScript中BOM对象原理与用法分析
2019/07/09 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
layui 实现table翻页滚动条位置保持不变的例子
2019/09/05 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
2019/11/29 Javascript
用vue写一个日历
2020/11/02 Javascript
如何在vue中使用kindeditor富文本编辑器
2020/12/19 Vue.js
[01:18]一目了然!DOTA2DotA快捷操作对比第一弹
2014/07/01 DOTA
不要用强制方法杀掉python线程
2017/02/26 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
详解Python列表赋值复制深拷贝及5种浅拷贝
2019/05/15 Python
python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例
2020/02/27 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
python 错误处理 assert详解
2020/04/20 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
菲律宾购物网站:Lazada菲律宾
2018/04/05 全球购物
为什么要使用servlet
2016/01/17 面试题
洗发露广告词
2014/03/14 职场文书
奥利奥广告词
2014/03/20 职场文书
就业推荐表自我鉴定
2014/03/21 职场文书
土建施工员岗位职责
2015/04/11 职场文书