javascript - struts - 文本区域只允许3行输入，每行40个字符的长度？

Question

eReference(文本区域名称)输入了 3 行。它应该只允许输入 3 行，每行 40 个字符。空格也被视为一个字符。

<td>
 <cong:textarea name="eReference" id="eReference" cols="40" rows="3"
         styleClass="textlabelsBoldForTextBox  textCapsLetter commonClass" 
       value="${lclBlForm.eReference}" style="text-align:left;margin-top:-55px;overflow:hidden;" onkeypress="limitText12(this)"/>
</td>                
</tr>

文件名 - erefer.js

  function limitText12(ev){
   var text = $(ev).val();
    //      if(text.length()== 40){
   //         text("\n");
    //     }
      var arr = text.split("\n");

 if(arr.length > 4) {
     alert("You've exceeded the 4 line limit!");
     event.preventDefault(); // prevent characters from appearing
 } else {
     for(var i = 0; i < arr.length; i++) {
         if(arr[i].length > 40 && i < 3) {
             alert("Length exceeded in line 1, 2, or 3!");
             event.preventDefault(); // prevent characters from appearing
         }
     }
 }
 }

Answer 1

只需将文本区域大小增加到 cols="45"。这样错误提示就会出现在同一行。并比较数组长度是否大于 3 而不是 4。那么它将只允许 3 行。

    <script type="text/javascript">
 function limitText12(ev){

    var text = ev.value;
    var arr = text.split("\n");

    if(arr.length > 3) {
        alert("You've exceeded the 4 line limit!");
        event.preventDefault(); // prevent characters from appearing            
    }
    else {
      for(var i = 0; i < arr.length; i++) {
          if(arr[i].length > 39) {
              var j =i+1;
              alert("Length exceeded in line " + j);
              event.preventDefault(); // prevent characters from appearing
          }
      }            
    }

  }  


</script>