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 相关文章推荐
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
Mar 28 Javascript
JS实现两表格里数据来回转移的方法
May 28 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
Jun 05 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
老生常谈原生JS执行环境与作用域
Nov 22 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
Dec 11 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 Javascript
微信小程序实现漂亮的弹窗效果
May 26 Javascript
vue获取时间戳转换为日期格式代码实例
Apr 17 Javascript
vue 根据选择条件显示指定参数的例子
Nov 09 Javascript
js实现简单放大镜效果
Mar 07 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创建者模式
2014/11/25 PHP
深入理解PHP中的Streams工具
2015/07/03 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
PHP的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
基于PHP+Jquery制作的可编辑的表格的代码
2011/04/10 Javascript
js变换显示图片的实例
2013/04/16 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
jquery处理页面弹出层查询数据等待操作实例
2015/03/25 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
新入门node.js必须要知道的概念(必看篇)
2016/08/10 Javascript
AngularJS动态生成div的ID源码解析
2016/08/29 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
JavaScript数据结构之数组的表示方法示例
2017/04/12 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
详解jQuery设置内容和属性
2019/04/11 jQuery
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
微信小程序wxs实现吸顶效果
2020/01/08 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
2020/05/12 Javascript
Python类的基础入门知识
2008/11/24 Python
一个基于flask的web应用诞生 使用模板引擎和表单插件(2)
2017/04/11 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
pytorch:model.train和model.eval用法及区别详解
2020/02/20 Python
python两种获取剪贴板内容的方法
2020/11/06 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
计算机网络毕业生自荐信
2013/10/01 职场文书
庆元旦演讲稿
2014/09/15 职场文书
南湾猴岛导游词
2015/02/09 职场文书
幼儿园语言教学反思
2016/02/23 职场文书
django注册用邮箱发送验证码的实现
2021/04/18 Python
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技