前端语言中,还是有很多内容可以用到对字数做限制的。通过textarea输入框进行限制。下面就是实现的步骤,相对来说,还是比较简单的,大家可以借鉴一下。
HTML 代码:
<textarea oninput="numLimit(200,true)" id="fonts" name="" maxlength="200" style="resize" ;resize: none; placeholder="请输入需求的相关描述"></textarea> <span id="fontsLimit" style="float: right;;position: relative;left: -10px;top: -20px;">0/200</span>
css代码:
#fonts { margin-top: 10px; width: 92%; height: 120px; margin-left: 4%; outline: none; border: 0; border-radius: 5px; } #fontsLimit { font-size: 10px; padding-right: 10px; }
js 代码:
// 文本域的字数限制 function numLimit(numLimit) { var text = $("#fonts").val(); var textLength = 0; if (text != "undefined" && text != "" && text != null) { textLength = text.length; } $("#fonts").css('background-color', '#fff'); $("#fontsLimit").html(textLength + "/" + numLimit); }