文本域表单验证

项目笔记:
html:
<li class="forLi">
    <span>经营范围</span>
    <div class="divitem">
        <textarea name="business_range" value="" id="textarea" style="resize: none" onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;"></textarea>
    </div>
    <p class="p1" id="textareaP">请输入经营范围</p>
    <div  style="color:#333333"  class="div"  id="textarea-title">剩余<i style="color:red;"></i></div>
    
</li>

js:
$('#textarea').blur(function () {
    address1();
});
function address1() {
    var add1 = /^[\u4e00-\u9fa5]{1,}(\s*)[\u4e00-\u9fa5]{1,}([.\n]*)/;
    var add1Trim = $.trim($('#textarea').val());//这里是  定义前后不能有空格
    if (add1Trim  == '') {
        $('#textareaP').show().html('经营范围不能为空');
        $(".div").hide();
    } else {
        if (!add1.test(add1Trim)) {
            //!add1.test(add1Trim)  如果正则表达式验证中前后有空格的话,就显示提示消息
            $(".div").hide();
            $('#textareaP').show().html('经营范围最少以2个汉字开头,以标点符号分隔为佳');
        } else {
            $('#textareaP').hide();
            var len = add1Trim.length;
            if (0 < len < 254) {
                var num = 255 - len;
                $(".div").show();
                $('.div i').html(num);
                //这里是显示剩余多少字
            }
            if (len >= 254) {
                $('#textarea').val(add1Trim.substring(0, 255));
                $(".div").show();
                $('.div i').html('0');
                //如果字数大于254,就显示255个字符,其余的则不显示
          //substring() 方法用于提取字符串中介于两个指定下标之间的字符。不接受负的参数。
            }
        }
    }
}

$("#textarea").keyup(function () {
    $('#textareaP').hide();
    address1();
});




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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值