网站地图 | Sitemap | Rss
  • 您当前位置:网站首页 >> 视觉设计 >> 限定输入框只能输入数字
  • 限定输入框只能输入数字

    来源:逍遥峡谷 发布时间:2011-04-08 浏览0条评论
    内容简介

    有时候我们需要给输入框限定只能输入规定的内容,比如只能输入数字,只能输入字母等等,那么我们可以用正则表达式来限制输入框输入的内容。

    相关关键词:输入框   输入   限定   数字   正则  

    本文链接:https://www.icoa.cn/a/472.html

    1.正则表达式限制输入框只能输入数字代码如下:

    <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " name="numberinput" value=""/>

    其中onkeyup就是限定输入内容的代码。

    如果我们除了要限定只能输入数字之外还防止从其他地方复制了内容粘贴到输入框中,那么可以用下面的代码:

    <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " name="numberbox" value=""/>

    其中,onafterpaste防止用户从其它地方copy内容粘贴到输入框。

    2.输入框只能输入字母和下横线的正则表达式
    <input onkeyup="this.value=this.value.replace(/[^_a-zA-Z]/g,'')" onpaste="this.value=this.value.replace(/[^_a-zA-Z]/g,'')">

    3.输入框只能输入字母数字和下横线的正则表达式
    <input onkeyup="this.value=this.value.replace(/[^\w]/g,'')" onpaste="this.value=this.value.replace(/[^\w]/g,'')">

    <input onkeyup="this.value=this.value.replace(/[\W]/g,'')" onpaste="this.value=this.value.replace(/[\W]/g,'')">

    【过滤文字输入】
    TextField.restrict = "此处为可输入的内容";
    field.restrict = "^此处为禁止输入的内容";
    restrict属性支持一些类似正则表达式的样式:
    field.restrict = "a-zA-z"; //只允许大小字母
    field.restrict = "a-zA-z "; //只允许字母和空格
    field.restrict = "0-9"; //只允许数字
    field.restrict = "^abcdefg"; //除了小写字母abcdefg不允许外,其它都允许
    field.restrict = "^a-z"; //所有小写字母都不允许,但是,其它内容都允许,包括大写字母
    field.restrict = "0-9^5"; //只允许数字,但5例外
    让restrict字符包含具有特殊意义的字母(例如-和^):
    field.restrict = "0-9\\-"; //允许数字和破折号
    field.restrict = "0-9\\^"; //允许数字和^
    field.restrict = "0-9\\\\"; //允许数字和反斜杠
    你也可以使用Unicode转义序列,指定允许的内容.例如:
    field.restrict = "^\u001A";
    注意:ActionScript有区分大小写的,如果restrict属性设为abc,允许字母的大写形式(A,B和C)输入时会变成小写对待形式(a,b和c),反之亦然.restrict属性只影响用户可以输入的内容,脚本可将任何文本放入文本字段中.

    本文链接:https://www.icoa.cn/a/472.html
    关键词: 输入框   输入   限定   数字   正则  

    如果您愿意支持,欢迎请扫码打赏哦~


    上一篇:最舒服的色彩搭配RGB值

    下一篇:3DS MAX 快捷键大全zt


    - 相关文章 -


    导航居中背景色通栏显示 DIV + CSS 代码 - 2013-03-15

    如何去除ecshop标题和网站底部的Powered by ECShop - 2013-03-13

    拍摄家庭照的5要5不要 - 2013-02-19

    44条使用数码相机的重要提示 - 2013-02-17

    一分钟迅速掌握好摄影构图 - 2013-01-17

    拍摄人像剪影的9个技巧 - 2013-01-16

    CSS样式兼容IE6,IE7的技巧 - 2012-11-17

    简单DIV+CSS浮动在线客服代码,支持IE6 - 2012-11-17


    - 文章评论 -




    3167

    [由于政策原因,您的留言如果提交成功后,需要审核才能展示,请改天再来查看,请不要重复提交,谢谢支持!]

    - 最新评论[0条评论] -


    [>>>点击查看更多评论]

    逍遥峡谷 逍遥乱弹 张立博 爱之路 酷品优选 宝贝派

    版权所有©逍遥峡谷 - 智能中央超自然局·地球总部 | 冀ICP备06033848号
    Copyright©Intelligence Central Occult Agency (I.C.O.A)
    本局纯属虚构,如有雷同,纯属巧合
    网络违法犯罪举报