JS对文本框值的判断示例

 更新时间:2014年03月10日 17:46:14   作者:  
JS判断只能是数字和小数点,下面为大家介绍下使用JS对文本框值的判断,需要的朋友可以参考下
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面向对象编程

    暂时放弃js框架吧 开始写javascript的时候都是自己写,后来发现了prototype.js框架,发现很好用,就一直用的,他的对象创建方法被修改了,但很好用,再后来又转用jquery框架,受此框架影响,也不用自己创建类了,渐渐的竟然忘记了如何自己定义类了,猛的给一个一般方法,竟然看着别扭,混淆了很多东西,忘记了很多东西。今天回头整理下。 一下方法参考prototype.js
    2008-03-03
  • js对象转json数组的简单实现案例

    js对象转json数组的简单实现案例

    本篇文章主要是对js对象转json数组的简单实现案例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • js 与 php 通过json数据进行通讯示例

    js 与 php 通过json数据进行通讯示例

    这篇文章主要介绍了js与php通过json数据进行通讯的具体实现,需要的朋友可以参考下
    2014-03-03
  • JS 调试中常见的报错问题解决方法

    JS 调试中常见的报错问题解决方法

    下面小编就为大家带来一篇JS 调试中常见的报错问题解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • Javascript表单验证要注意的事项

    Javascript表单验证要注意的事项

    JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?
    2014-09-09
  • 11个Javascript小技巧帮你提升代码质量(小结)

    11个Javascript小技巧帮你提升代码质量(小结)

    这篇文章主要介绍了11个Javascript小技巧帮你提升代码质量(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • 基于javascript实现图片左右切换效果

    基于javascript实现图片左右切换效果

    这篇文章主要为大家介绍了基于javascript实现图片左右切换效果,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • js获取元素到可视区的距离、浏览器窗口滚动距离及元素距离浏览器顶部距离

    js获取元素到可视区的距离、浏览器窗口滚动距离及元素距离浏览器顶部距离

    这篇文章主要给大家介绍了关于js获取元素到可视区的距离、浏览器窗口滚动距离及元素距离浏览器顶部距离的相关资料,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-11-11
  • 详解JavaScript运算符中==和===的区别

    详解JavaScript运算符中==和===的区别

    在JavaScript中==运算符和===运算符是经常遇到的,那么二者有哪些区别呢,本文就来和大家进行简单的讨论,感兴趣的小伙伴可以跟随小编一起学习学习
    2023-05-05
  • 基于JavaScript实现下拉列表左右移动代码

    基于JavaScript实现下拉列表左右移动代码

    这篇文章主要介绍了基于JavaScript实现下拉列表左右移动效果,代码简单易懂非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02

最新评论