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

    iCoA首席特工 逍遥峡谷 发布:2011-04-08 更新: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


    - 相关文章 -


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

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

    CSS控制大图片自动缩放的样式,支持IE6 - 2012-11-15

    CSS隐藏DIV层和显示DIV层的控制方法 - 2012-11-15

    正则表达式的规则 - 2012-11-13

    用js实现只能点击一次的按钮的功能 - 2012-11-10

    JS 正则表达式的用法 - 2012-11-09

    五则电视广告脚本(转) - 2009-08-03


    - 文章评论 -




    4715

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

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


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

    版权所有©逍遥峡谷 - 星际中心超自然局 · 地球总部 | 逍遥峡谷 · 酷品优选
    Copyright©Interstellar Central Occult Agency (I.C.O.A)
    本局纯属虚构,如有雷同,纯属巧合

    冀公网安备13011102001055号 · 冀ICP备06033848号