<div class='textarea-wrapper'>
<div class='textarea-block'>
<textarea class="textarea-item" name="content" placeholder="请输入内容,不超过300字。" maxlength="300" spellcheck="false">textarea>
<div class="textarea-count">
<span class="textareaInput">0span>/<span class="textareaTotal">300span>
div>
div>
<button class='textarea-btn' disabled="">提交button>
div>
<script>
$(document).ready(function(){
var lenInput = $('.textarea-item').val().length;
$(".textarea-item").keyup(function(){
lenInput = $(this).val().length;
if(lenInput>0 && lenInput<=300){
$('.textareaInput').html(lenInput);
$('.textarea-btn').attr('disabled',false);
}else{
$('.textarea-btn').attr('disabled',true);
}
});
});
script>
原创©本文章为孙正萌原创,未经许可,禁止转载
0条评论