网站地图 | 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


    - 相关文章 -


    什么是DM广告,DM广告的形式有哪些? - 2010-12-04

    Google 提示 available in the new AdSense interface - 2011-06-29

    报纸广告设计知识介绍 - 2010-12-02

    最舒服的色彩搭配RGB值 - 2011-06-20

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

    CCTV-7中央电视台农业频道片花 - 2009-08-01

    Html网页瘦身,网页加速系列(二) - 2009-07-31

    Html网页瘦身,网页加速系列(一) - 2009-07-31


    - 文章评论 -




    7052

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

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


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

    逍遥峡谷 逍遥乱弹 张立博 飓风团队 爱之路 酷品优选 宝贝派 张子涵

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