html:
<div>
<label>备注:</label>
<textarea class="textarea_input" id="remark" name="remark" placeholder="(最多可输入20个字符)"></textarea>
<span class="remark-word">0/20</span>
</div>
js:
/**
* textarea 限制输入字数
* @param string str 类名或ID
* @param number num 限制输入的字数
*/
function limitImport(str, num) {
$(document).on('input propertychange', str, function () {
var self = $(this);
var remark = self.val();
if (remark.length > num) {
self.val(remark.substring(0, num));
}
self.siblings('span').text(self.val().length + '/' + num);
});
}
limitImport('#remark', 20);