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 相关文章推荐
一个js封装的不错的选项卡效果代码
Feb 15 Javascript
javascript自动改变文字大小和颜色的效果的小例子
Aug 02 Javascript
JS:window.onload的使用介绍
Nov 13 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
Jun 17 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
基于Turn.js 实现翻书效果实例解析
Jun 20 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 Javascript
jquery检测上传文件大小示例
Apr 26 jQuery
在Vuex中Mutations修改状态操作
Jul 24 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 中执行排序与 MySQL 中排序
2009/04/21 PHP
php 创建以UNIX时间戳命名的文件夹(示例代码)
2014/03/08 PHP
PHP简单实现HTTP和HTTPS跨域共享session解决办法
2015/05/27 PHP
PHP结合Mysql数据库实现留言板功能
2016/03/04 PHP
在Laravel 中实现是否关注的示例
2019/10/22 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
ExtJS下grid的一些属性说明
2009/12/13 Javascript
jQuery学习7 操作JavaScript对象和集合的函数
2010/02/07 Javascript
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
浅析js中substring和substr的方法
2015/11/09 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
Bootstrap页面缩小变形的快速解决办法
2017/02/03 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
AngularJS 前台分页实现的示例代码
2018/06/07 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
JavaScript迭代器的含义及用法
2019/06/21 Javascript
以windows service方式运行Python程序的方法
2015/06/03 Python
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2018/05/29 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
Jupyter Notebook输出矢量图实例
2020/04/14 Python
python 3.8.3 安装配置图文教程
2020/05/21 Python
Tensorflow中k.gradients()和tf.stop_gradient()用法说明
2020/06/10 Python
adidas官方旗舰店:德国运动用品制造商
2017/11/25 全球购物
影视艺术学院毕业生自荐信
2013/11/13 职场文书
大学校园毕业自我鉴定
2014/01/15 职场文书
高中英语教学反思
2014/02/04 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
Python数据分析之pandas函数详解
2021/04/21 Python
Python数组变形的几种实现方法
2022/05/30 Python
苹果macOS 13开发者预览版Beta 8发布 正式版10月发布
2022/09/23 数码科技