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

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

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

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

    本文链接:http://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属性只影响用户可以输入的内容,脚本可将任何文本放入文本字段中.

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

    为了网站的访问体验,本站无广告和弹窗
    如果您愿意支持,请扫码随意打赏、全凭自愿~


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

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


    - 相关文章 -


    用JS脚本判断浏览器的语言并自动转向 - 2009-07-31

    如何设置网站的PC版和移动版,以及两者之间的关系 - 2017-08-04

    今日全国哀悼日为舟曲灾区祈祷…将网站变成灰色CSS代码 - 2010-08-15

    电脑里出现Tempzxpsign文件夹的解决办法 - 2017-06-13

    HTML to JS 或者 JS to HTML (HTML&JS互转) - 2010-07-31

    淘宝天猫手机详情页应该如何设计 - 2017-04-06

    Photoshop组的混合属性里穿透是什么意思?PS里穿透是什么意思? - 2010-07-29

    PS将图片做成素描效果教程 - 2017-02-10


    - 文章评论 -




    1867

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

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


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

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

    版权所有©逍遥峡谷 Copyright©Canyon of Airily 冀ICP备06033848号