2、备注字数限制并显示统计数量(英文一个字符,中文两个字符)(js)
<script>
公共方法js
var TMSStatic = { /**截取指定长度,并返回结果信息(支持中英文) * @param val 用户输入的值 * @param max 截取长度 * @return obj 返回截取后的结果对象{ * length:长度, return_val:"截取后内容" * } */ slice_max_content:function (val, max) { var return_val = ""; //声明并赋值 var count = 0; var qjreg = /[^\x00-\xff]/ig; var valLength = val.length; for (i = 0; i < valLength; i++) { //与上面类似不赘述 var add_length = 0; if (val[i].match(qjreg) != null) { add_length = 2; } else { add_length = 1; }; if ((count+add_length) > max) { //当数字大约最大字符数时,跳出该循环 break; }; count += add_length; return_val += val[i]; //值自增 }; var res = { length:count, return_val:return_val }; return res; //弹出值 } }
var $remark = $('.span7').find("textarea[name='remark']");if($remark.length>0){ var remark_res = TMSStatic.slice_max_content($remark.val(),200); $('.span7').find(".js-order-customer-note-len").text(remark_res.length + "/200"); $remark.keyup(function () { // 如果输入域长度超过200 则截取 var remark_res = TMSStatic.slice_max_content($remark.val(),200); $(this).val(remark_res.return_val); $('.span7').find(".js-order-customer-note-len").text(remark_res.length + "/200");
}); }
</script>
页面
<form id="edit_form">
<div class="span7">
<textarea name="edit_remark" style="width: 67%;height: 100px;"></textarea>
<p class="text-right js-order-customer-note-len" style="padding-right:33%;margin-top: -25px;">0/200</p>
</div>
</form>
2、只限制字数,不显示统计数量
<textarea maxlength="70" οnchange="this.value=this.value.substring(0, 70)" οnkeydοwn="this.value=this.value.substring(0, 70)" οnkeyup="this.value=this.value.substring(0, 70)" ></textarea>