我们在很多时候需要控制输入框的输入限制,比如注册的时候,限制只能输入数字,日期等,当然,限制方式很多,今天介绍一种通过js来实现的一种即时控制限制,也就是在你输入的时候就给予限制:

也就是163邮箱注册的时候,那个日期控制的效果,那么怎么实现呢,其实很简单,看个例子,比如我们想来控制InputText的框中只能输入数字,那么只要使用onkeyup事件来完成就可以了

<input id="inputText" οnkeyup="value=value.replace(/[^\d]/g,'')" />

带小数点

<input type="text" οnkeyup="value=value.replace(/[^\d|.]/g,'')" />

这样就ok了,同样我们也可以把里面的正则表达式换掉,比如换成日期的,汉字的等等

输入中文限制:

function Chinasimple(str) {
           var strs=str.replace(/(^\s+)|(\s+$)/g, "");//去除前后的空格
            if (!strs.match(/^[\u4e00-\u9fa5]{2,4}$/)) {//我习惯用match
                alert("只能输入2到4个汉字");
                return false;
            }
        }

转载于:https://www.cnblogs.com/shuang121/archive/2011/11/10/2244464.html

输入控件控制输入限制相关推荐

  1. WPF IP地址输入控件的实现

    WPF IP地址输入控件的实现 原文:WPF IP地址输入控件的实现 一.前言 WPF没有内置IP地址输入控件,因此我们需要通过自己定义实现. 我们先看一下IP地址输入控件有什么特性: 输满三个数字焦 ...

  2. 【antd】输入控件的思想

    antd对于form中输入控件的抽象十分简单,只要能接收value和onChange属性的组件都可以成为Form.Item的子组件,为Form对应的字段提供值.对于输入控件的抽象我认为这已经达到了极致 ...

  3. 灵活的VueJS输入控件可进行评级

    电视明星 (vue-stars) Flexible VueJS input control for ratings (stars, etc.) 灵活的VueJS输入控件,用于收视率(星级等) View ...

  4. python:curses.textpad --- 用于 curses 程序的文本输入控件

    python:curses.textpad --- 用于 curses 程序的文本输入控件 文本框对象 curses.textpad 模块提供了一个 Textbox 类,该类在 curses 窗口中处 ...

  5. PyQt5 基本语法(四):输入控件

    文章目录 2. 输入控件(一) 2.1 纯键盘 2.1.1 QLineEdit 2.1.1.1 描述 2.1.1.2 控件创建 2.1.1.3 输出模式 2.1.1.4 提示字符串 2.1.1.5 清 ...

  6. [WPF]winfom中ShowWPF新窗口时TextBox等控件无法输入问题解决方法 .

    项目使用ElementHost方式加载WPF,刚才直接在WPF中使用Show,而不是ShowDialog新开窗口时,窗口中的控件无法输入,但可以直接粘贴. 原来是因为WinForm与WPF实现Inpu ...

  7. INFO:InstallShield InstallScript工程中自定义界面文本输入控件的两个注意事项

    在使用InstallScript工程增加自定义界面过程中,我用到了文本输入控件(Edit Field),用于用户名和密码的输入. 首先是用户名,如果用户名长度超过我的控件长度时,发现无法再继续输入内容 ...

  8. 正则表达式——WPF输入控件TextBox 限定输入特定字符

    正则表达式--WPF输入控件TextBox 限定输入特定字符 原文:正则表达式--WPF输入控件TextBox 限定输入特定字符 概念: 正则表达式是对字符串操作的一种逻辑公式, 就是用事先定义好的一 ...

  9. jquery-文档操作-标签取值-输入控件取值与赋值

    html 文本 值 获取标签包裹的内容 dom的属性 jquery的方法 演练 小结 dom对象,jquery对象,取值方式的对等 对象 纯文本 html文本 dom innerText innerH ...

最新文章

  1. 2021年斯坦福AI指数报告重磅出炉!中国AI期刊影响力首超美国,视频处理是新风口
  2. [推荐推荐][提供下载]ORACLE SQL:经典查询练手系列文章收尾(目录篇)
  3. 1.18 StringBuffer替换特殊字符
  4. 买走5355.5万张床垫的年轻人,实现“深睡自由”了吗?
  5. 20211020 段院士全驱系统
  6. 【原创中】儿子,听爸爸跟你说
  7. [LintCode笔记了解一下]64.合并排序数组
  8. Leetcode--837. 新21点(java)
  9. 关于tomcat启动失败的一个原因
  10. okhttp3图片压缩上传_支持 图片压缩、PDF压缩 合并 分割的网址、极力推荐、超奈斯...
  11. 51nod 1180 方格射击游戏
  12. 5年前我们摸爬滚打进入测试行业,如今你后悔吗?
  13. 快捷键截屏_Windows10自带截屏快捷键使用方法大全
  14. hbase shell 入门
  15. React 详解,组件,条件渲染
  16. 内核查找符号指针函数kallsyms_lookup_name
  17. 剑指 Offer 65. 不用加减乘除做加法(位运算、递归、迭代)
  18. 选择SaaS供应商的15个关键问题
  19. 4g物联网卡助力“现代农业”发展壮大
  20. 实验室信息化LIMS系统在食品安全生产检测中的应用分析

热门文章

  1. IntelJIdea 如何修改控制台字体大小和主题
  2. 1.SpringMVC 概述
  3. 十四、w、vmstat、top、sar命令
  4. 关于FlasCC(Adobe Flash C/C++ Compiler)
  5. 使用tensorflow object detection API 训练自己的目标检测模型 (二)labelImg的安装配置过程
  6. RFM模型的理解和python案例分析
  7. python的随机种子实例
  8. portainer安装_Docker 图形化工具—Portainer
  9. 今日恐慌与贪婪指数为77 贪婪程度有所缓解
  10. DeFi货币市场协议DMM宣布因监管部门的要求,已停止运营