巧用ReactJS来限制输入框的输入值

Posted 2023-04-20

参考技术A 1.限制输入框只能填写数字
大家都知道，在输入框限制只能输入数字用JS的来判断要考虑的情况比较多，比如中文切换，复制粘贴限制，用reactJS来实现很简单

2.限制输入框的字数

3.即时显示还可以输入多少个字

JS对文本框输入字符的限制

　　文本框Text或TestBox中对输入字符的限制，通过js事件来监控用户输入字符。然而，如果用户是通过Copy的方式来粘贴到文本中来，那这时候文本框的字符长度有可能超过，这时候就容易报错。这种Copy的方法也可以通过js的时间来监控。这样一来就需要些2个js时间来监控用户输入或Copy的事件了。

　　其实文本框有一个事件，可以做到这一步，我们设定的文本框的字符长度为500时，如果用户输入或Copy超过500，文本框只会取500的长度。

　　<asp:textbox id="txtTest"  Rows="4" Wrap="True" TextMode="MultiLine" Runat="server" onpropertychange="if(this.value.length>500){this.value=this.value.slice(0,500)}"></asp:textbox>