利用JS限制文本框输入字数

这样的效果实现是比较简单的，我们先分析下。

当我们在某个文本框输入文本时，会提示当前文本还可以输入的字数，并且一旦超出所限制的字数数，将无法输入进去。

它有个这样的过程：

1.当文本框获得焦点时

要用到：onfocus

2.当文本框内内容改变时（实时获取）

要用到：oninput

我们要获取当前输入的文本长度，以及所限制的字数，（自己定义。）；

随后要用到if语句去做判断，超出，未超出。执行不同的语句。

其中还有一点需要注意，当文本超出后，文本框里的内容没有随着后面的输入而变化，也就是我们看到的限制再去输入。

这里要用到：通过substring()去截取字符串。返回的值赋值给文本框。

​​​​​​​

 

 我们可以将文本框前后改变，加上不同的样式。看起来也会更丰富。