项目笔记: 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(); });
文本域表单验证
最新推荐文章于 2022-11-30 20:29:20 发布