验证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);
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值