0
点赞
收藏
分享

微信扫一扫

JS 动态验证输入字符数量是否超出

覃榜言 2022-08-20 阅读 62
htmlf5sed


1.例子:

<td width="15%"><span class="STYLE1">故障描述:</span></td>
     <td colspan="3">
      <textarea id="faultDesc" name="faultDesc" label="故障描述:" 
      οnkeyup="textLimitCheck('faultDesc', 'faultDescCount', 1000);"
      οnmοusedοwn="textLimitCheck('faultDesc', 'faultDescCount', 1000);"
      οnblur="textLimitCheck('faultDesc', 'faultDescCount', 1000);"
      tooltip="故障描述" rows="8" cols="65"></textarea>
      <font color="red">*</font>
      <span id="parent_faultDescCount"
       style="display:none">
       (已输入<font color="red">
        <span id="faultDescCount">0</span>
        </font> 个字符
       )
      </span>
     </td>

2./检查输入文本的长度
function textLimitCheck(obj, messageCount, maxlength) {
 //var countlength = thisArea.value.size();
 var textObj = document.getElementById(obj);
 var countlength = textObj.value.getBytes();
 //alert("value = " + document.getElementById(obj).value + ", length = " + countlength);
 if (countlength > maxlength) {
  var str = cutoutStr(textObj.value, maxlength);
  textObj.innerHTML = str;
  document.getElementById("parent_" + messageCount).innerHTML = "(\u5df2\u8f93\u5165<font color=\"red\">" + countlength + "</font> \u4e2a\u5b57\u7b26,\u8d85\u51fa<font color=\"red\">" + (countlength - maxlength) + "</font> \u4e2a\u5b57\u7b26\uff0c\u5df2\u8fdb\u884c\u622a\u53d6)";
  document.getElementById("parent_" + messageCount).style.display = "";
  return;
 }
 document.getElementById("parent_" + messageCount).innerHTML = "(\u5df2\u8f93\u5165<font color=\"red\">" + countlength + "</font> \u4e2a\u5b57\u7b26,\u5269\u4f59<font color=\"red\">" + (maxlength - countlength) + "</font> \u4e2a\u5b57\u7b26)";
 document.getElementById("parent_" + messageCount).style.display = "";
}

3.效果:



举报

相关推荐

0 条评论