验证textarea输入框字数限制,只作提示不作提交限制

<div class="formControls col-xs-8 col-sm-9">
   <textarea name="tablemsg" cols="" rows="" class="textarea"  placeholder="说点什么...最少输入10个字符" onKeyUp="Huitextarealength(this)"></textarea>
   <p class="textarea-numberbar"><em class="textarea-length">0</em>/<am>100</am></p>
</div>


/**
 * 验证textarea输入框字数限制,只作提示不作提交限制
 * 1、必须将总数用<am>标签装起来 2、调用本方法
 * 参考:<em class="textarea-length">0</em>/<am>100</am>
 * @param obj
 * @constructor
 */
var Huitextarealength = function (obj){
    var html = $(obj).parent();
    var tatal = html.find('am').html();
    var sets = $(obj).val().length;

    if(sets*1>tatal*1){
        var str = '<div style="width: auto;position: absolute; right: 4%;color: red;">内容超出限制</div>';
        $(obj).after(str);
        html.find('em').css({color:'red'});
    }else {
        $(obj).parent().find('div').remove();
        html.find('em').css({color:'black'});
    }
    //设置已输入数量
    html.find('em').html(sets);
}

猜你喜欢

转载自blog.csdn.net/qq_15941409/article/details/79078286
今日推荐