蚂蚁论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 45|回复: 0

js限制文本框只能输入整数或者带小数点的数字

[复制链接]

1923

主题

1

好友

1591

积分

管理员

Rank: 64Rank: 64Rank: 64Rank: 64

  • TA的每日心情
    奋斗
    2016-1-22 16:23
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    荣誉管理 论坛元老 热心会员 活跃会员 最佳新人 灌水之王

    发表于 7 天前 |显示全部楼层
    js限制文本框只能输入整数或者带小数点的数字
    做表单验证的时候是否会碰到验证某个输入框内只能填写数字呢,仅允许输入整数数字或者带小数点的数字。下面这段代码也许能帮到你!通过对当前输入框定义onkeypress,onkeyup,onblur事件对表单做了充分的验证,结果还是非常靠谱的。
    复制代码 代码如下:
    lt;input type="text" value="" t_value="" o_value="" onkeypress="if(!thisvaluematch(/^[\+\-]63;\d*63;\63;\d*63;$/))thisvalue=thist_value;else thist_value=thisvalue;if(thisvaluematch(/^(63;:[\+\-]63;\d+(63;:\\d+)63;)63;$/))thiso_value=thisvalue" onkeyup="if(!thisvaluematch(/^[\+\-]63;\d*63;\63;\d*63;$/))thisvalue=thist_value;else thist_value=thisvalue;if(thisvaluematch(/^(63;:[\+\-]63;\d+(63;:\\d+)63;)63;$/))thiso_value=thisvalue" onblur="if(!thisvaluematch(/^(63;:[\+\-]63;\d+(63;:\\d+)63;|\\d*63;)63;$/))thisvalue=thiso_value;else{if(thisvaluematch(/^\\d+$/))thisvalue=0+thisvalue;if(thisvaluematch(/^\$/))thisvalue=0;thiso_value=thisvalue}" /gt;

    下面对onkeypress,onkeyup,onblur事件做简要的解释。
    onkeypress 事件会在键盘按键被按下并释放一个键时发生。

    onkeyup 事件会在键盘按键被松开时发生。

    onblur 事件会在对象失去焦点时发生。
    另外需要注意的是如果需要做严格验证的表单,一定要客户端和服务器端进行双重验证,以上紧紧做了客户端验证。如果稍微懂点程序的人,能够很轻松的绕过这段验证代码,如果服务器端没有进行验证的话,就很容易出问题的。
    以上所述就是本文的全部内容了,希望大家能够喜欢。
    您需要登录后才可以回帖 登录 | 立即注册

    关闭

    蚂蚁站长论坛推荐上一条 /1 下一条

    QQ|Archiver|手机版|广告服务|蚂蚁站长-站长之家 ( 黔ICP备16008478号-1  

    GMT+8, 2017-10-19 07:42

    Powered by 站长论坛

    © 2007-2013 Jzant.com Inc.

    回顶部