jQuery實現TextArea字數限制
阿新 • • 發佈:2019-02-19
<title>jquery限制輸入字數</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#TextArea1").keydown(function(){ var curLength=$("#TextArea1").val().length; if(curLength>=5){ var num=$("#TextArea1").val().substr(0,4); $("#TextArea1").val(num); alert("超過字數限制,多出的字將被截斷!" ); } else{ $("#textCount").text(4-$("#TextArea1").val().length) } }) }) </script> </head> <body> <label> 剩下<span id="textCount">5</span><br /> <textarea name="textarea" id="TextArea1" cols="45" rows="5" >
其實我覺得keyup也行,針對 Ctrl + V 的內容也會有校驗
<label>
<textarea id="dealDescId" name="dealDesc"></textarea>
</label>
<span id="textCount">0/200</span>
<script type="text/javascript"> $(function(){ $('#dealDescId').keyup(function(){ var _length = $(this).val().length; //alert(_length); if (_length > 200) { var content = $('#dealDescId').val().substr(0, 200); $('#dealDescId').val(content); alert("已達到處理描述字數上限,超過上限的內容將被截斷!"); //$("#textCount").text($("#dealDescId").val().length + "/200"); } /*else { $("#textCount").text($("#dealDescId").val().length + "/200"); }*/ $("#textCount").text($("#dealDescId").val().length + "/200"); }); }); </script>
轉自:http://blog.163.com/jssguo_tao/blog/static/18149535420133142929657/