Input输入字数的限定

时间:2024-03-01 14:11:02

在一些应用程序或者网站里,你如果想要
修改名字,你就会发现,修改昵称是有限制的,
比如修改的昵称最少不能小于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个就会出现
提示框(‘字数太多超出范围’)
在这里插入图片描述