使用EasyUI实现文本框内容长度验证,对文本框输入内容提示“剩余可输入字数”

html文件内容:

<tr style="height:6px">
  <td style="width: 25%;text-align:center"><span i18nName="exa_arr_content" class="i18n">span>
  td>
  <td style="width: 269px;text-align:left">
      <textarea rows="3"  cols="20" height="71px"  id="arr_content" style="width:269px;" maxlength="500" class="easyui-validatebox textarea " validtype="length[0,500]"  invalidMessage="最大长度500位" oninput="return LessThan(this);" onchange="return LessThan(this);" onpropertychange="return LessThan(this);">textarea>
   td>
tr>
<tr>
        <td style="width: 25%;text-align:center">td>
        <td style="width: 269px;text-align:right"><span id="txtNum">span>td>
tr>

javascript文件内容:

function LessThan(oTextArea){
    //获得textarea的maxlength属性
    var MaxLength=oTextArea.getAttribute("maxlength");
    var num=MaxLength-oTextArea.value.length;  
    if(num==MaxLength){
           $('#txtNum').attr('visi','yes').hide();
    }else{
           $('#txtNum').attr('visi','yes').show();
           $('#txtNum').html("还能输入:"+num+"字");
    }
    //返回文本框字符个数是否符号要求的boolean值
    return oTextArea.value.length < oTextArea.getAttribute("maxlength");
}

执行校验:

 var textarea=$("#arr_content").validatebox("isValid");
       if(!textarea){
           return false;
       }else{ 
               return true;
            }

你可能感兴趣的:(JAVAEE)