JQuery实现“还能输入多少个字”

来源：互联网发布：女神联盟2进阶12数据编辑：程序博客网时间：2024/05/17 03:15

效果图：

页面HTML:

<tr><td>分享内容：</td><td colspan="9">可以输入<span id="contentCountLeft" style="color: blue;">1024</span>字</td></tr><tr><td> </td><td colspan="9"><textarea name="addShareContent" id="addShareContent" class="cont" style="float:left;width: 95%;height: 60px;"></textarea></td></tr>

JQuery代码：

$("#addShareContent").keydown(function () {var max = 1024;var value = $(this).val();var coun = $("#contentCountLeft");if (value.length > max) {$(this).val(value.substring(0, max));coun.html(0);} else {coun.html(max - value.length);}}).keyup(function () {var max = 1024;var value = $(this).val();var coun = $("#contentCountLeft");if (value.length > max) {$(this).val(value.substring(0, max));coun.html(0);} else {coun.html(max - value.length);}});

附录：

只接受某种图片的写法：

<tr><td>图片一</td><td colspan="9"><input type="file"  accept="image/jpeg"   id="pictures1"/></td></tr>

1 0