Input输入字数的限定

在一些应用程序或者网站里,你如果想要
修改名字,你就会发现,修改昵称是有限制的,
比如修改的昵称最少不能小于6个字符,最多
不能超过10个字符,如果少了或者多了就会提
示你说少了多了。这些都是通过限定输入框的
输入字数;
接下来就是一个简单的限定输入框教程:
在这里插入图片描述
如上图所示:
在里面放两个输入框,第一个输
入框的type值就是一个text类型,第二个输入
框的type就是一个button按钮类型,让这个按
钮显示字为确定;
在这里插入图片描述
如上图所示:
1、Var max=3;这个就是表示限定输入框的字
数等于3;
2、Var tmp=txt.bun.value;这个是获取输入
框的内容;
3、Var len=tmp.replace(/[\n\r]/g,””);
4、这个是利用正则式表达让输入框不能出现
空格等;
5、Var len=len.length;这个是获取输入框
字数的长度;
6、然后就是if判断len的长度,
7、在这里插入图片描述

在输入框输入字符后点击确定,如果小于
3的就会出现提示框提示用户(‘字数不
能小于3 个’)
在这里插入图片描述
,如果大于3个就会出现
提示框(‘字数太多超出范围’)
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值