使用javascript 限制输入框的字数
<label>订单留言</label><input name="" type="text" onkeyup="checkLength(this);" class="text_name " />
<span class="wordage">剩余字数：<span id="sy" style="color:Red;">50</span></span>
<script>
//订单留言
function checkLength(which) {
var maxChars = 50; //
if(which.value.length > maxChars){
alert("您输入的字数过多!");
// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
which.value = which.value.substring(0,maxChars);
return false;
}else{
var curr = maxChars - which.value.length; //50 减去 当前输入的字符个数
document.getElementById("sy").innerHTML = curr.toString();
return true;
}
};
</script>
//订单留言
function checkLength(which) {
var maxChars = 50; //
if(which.value.length > maxChars){
alert("您输入的字数过多!");
// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
which.value = which.value.substring(0,maxChars);
return false;
}else{
var curr = maxChars - which.value.length; //50 减去 当前输入的字符个数
document.getElementById("sy").innerHTML = curr.toString();
return true;
}
};
</script>
效果如图：
