如果从js代码设置值,则maxlength不起作用

Question

我在页面中有以下HTML块.

<input type="text" id="fillingInput"/>
<input type="text" id="filledInput" maxlength="5"/>
<input type="button" onclick="$('#filledInput').val($('#fillingInput').val());"/>

单击该按钮时,fillInput的值将设置为filledInput的值.但是在设置这样的值时不考虑maxlength.有解决方案吗

Answer 1

实现此目的的一种方法是...删除第 5 个字符之后的所有字符。使用substring()

 <input type="button" id="add" />

JS

 $('#add').click(function(){
   var str=$('#fillingInput').val();
   if(str.length > 5) {
      str = str.substring(0,5);

  }
   $('#filledInput').val(str);
 });

小提琴..

建议不要使用内联 JavaScript。