博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
输入控件控制输入限制
阅读量:6273 次
发布时间:2019-06-22

本文共 547 字,大约阅读时间需要 1 分钟。

 我们在很多时候需要控制输入框的输入限制,比如注册的时候,限制只能输入数字,日期等,当然,限制方式很多,今天介绍一种通过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;
            }
        }

 

转载地址:http://vnlpa.baihongyu.com/

你可能感兴趣的文章
Mybatis通用Mapper
查看>>
文件磁盘命令(就该这么学6章内容)
查看>>
2016-207-19 随笔
查看>>
java的double类型如何精确到一位小数?
查看>>
看看国外的javascript题目,你能全部做对吗?
查看>>
ffmpeg 如何选择具有相同AVCodecID的编解码器 (AVCodec)
查看>>
真正解决 Windows 中 Chromium “缺少 Google API 密钥” 的问题
查看>>
Spring 之 AOP
查看>>
软件项目管理|期末复习(二)
查看>>
直接调用VS.net2005中的配置界面
查看>>
程序员的自我修养五Windows PE/COFF
查看>>
关于字符集,编码格式,大小端的简单总结
查看>>
js string 转 int Number()
查看>>
课堂练习:ex 4-20
查看>>
20155328 2016-2017-2 《Java程序设计》 第8周学习总结
查看>>
python操作redis--string
查看>>
echarts图表初始大小问题及echarts随窗口变化自适应
查看>>
Inherits、CodeFile、CodeBehind的区别
查看>>
创建一个SimpleDlg
查看>>
使用XML生成菜单
查看>>