textarea限制最大字符长度和默认输入了空格回车的问题
2017-01-10 09:20
791 查看
由于公司任务需要,年前这段时间需要去做js的项目,其实也就是以前app的网页版,今天在做js的时候,对多行文本标签textarea做最大字符长度限制的时候,出现了适配问题,android中有maxlength这个属性,其实textarea也有,但是IE8以及更低版本不支持这个属性,所以需要动态监听,代码如下
监听代码
长度问题解决了,又出现了另一个问题,看textarea可以看到,placeholder是“还可以输入300字”,但实际运行效果确实textarea默认输入了一行多的空格,没有显示出来placeholder,查阅资料得知<textarea>和</textarea>之间的文字和符合、空格等都会被当作textarea的值,在html页面上展现出来。
所以上面一层代码需要写成
的样式,即</textarea>与>之间不能有回车和空格出现。
<textarea class="comment" id="textarea" placeholder="还可以输入300字" maxlength="300"> </textarea>
监听代码
$("#textarea").on("input propertychange", function() { var $this = $(this), _val = $this.val(); if (_val.length > 300) { $this.val(_val.substring(0, 300)); } });
长度问题解决了,又出现了另一个问题,看textarea可以看到,placeholder是“还可以输入300字”,但实际运行效果确实textarea默认输入了一行多的空格,没有显示出来placeholder,查阅资料得知<textarea>和</textarea>之间的文字和符合、空格等都会被当作textarea的值,在html页面上展现出来。
所以上面一层代码需要写成
<textarea class="comment" id="textarea" placeholder="还可以输入300字"></textarea>
的样式,即</textarea>与>之间不能有回车和空格出现。
相关文章推荐
- 【HTML5入门】HTML/Jquery中限制textarea大小及输入字符长度
- 限制文本输入框textarea最大输入字符的js
- 限制textbox或textarea输入字符长度的JS代码
- 限制文本域textarea的输入字符长度
- textarea中限制输入字符长度(实用版)
- 初识ReactJS的组件化开发(八):用表单做评论 :限制textarea可输入字符长度
- 华为机试题:输入两个超长整型构成的字符串,其间使用一个空格分隔,每个字符串最大长度为100个字符。求第一个整数除以第二个整数以后的余数。。
- 关于cmd输入字符长度限制问题
- 解决jsp中textarea 输入显示的问题( 包括回车、换行、空格 )
- c# 的 textbox 默认情况下是有最大字符长度限制的
- 限制textarea可输入字符长度
- JS限制textbox或textarea输入字符长度
- 文本域textarea输入字符长度限制
- 限制textbox或textarea输入字符长度的JS代码
- java j2ee & java 限制文本输入框textarea最大输入字符的js
- Android EditText输入限制最大字符长度 和 限制只能输入数字和字母(包含大小写)
- EditText防止输入空格、换行、限制输入字符长度
- textarea中限制输入字符长度
- 限制文本输入框textarea最大输入字符的js
- js限制最大输入字符长度