效果图:
页面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>