通过自定义属性限制文本域长度

前端的页面经常会遇到文本框的长度检查,如果输入框很少可以直接取得输入框的内容然后判断长度即可。但是如果遇到输入框很多的情况,这种方法就显得有些麻烦。这时可以考虑采用jQuery添加自定义属性的方法实现。
我最近就遇到这种情况:要求限制文本域textarea的输入长度,但是textarea本身并没有类似maxlength的属性,于是采用了如下的方法。方法不是最好,只是一种实现而。代码很简单,通过注释应该不再需要太多的解释了。








输入长度小于10:

输入长度小于30:

在定义文本域时,需要为所有要限制同样长度的文本域设置一个共有属性,这样就可以实现批量操作了。
以后如果要修改也会方便很多。
演示地址:http://runjs.cn/detail/ntgwjpk2

你可能感兴趣的:(Web前端)