主页 / 问题 / 1038083
Accepted
Dima Kuzmin
Asked:2020-10-24 16:20:57 +0800 CST2020-10-24 16:20:57 +0800 CST

如何在 jquery 中为另一个文本字段设置 maxlength？

  • 772

您需要读取第一个输入类型="text" 中的长度，并在第二个输入类型="text" 中将其设置为最大长度。

到目前为止，我能够在第一个中实现，您可以计算并显示长度并通过单击显示长度值。但是，不点击就无法设置 maxlength，而是在填充（或通过计时器）第一个输入 type="text" 并将该值设置为第二个的 maxlength 长度值时。因此，它不是由事件完成，而是由计时器完成，例如，这样用户就不会点击或按下任何东西。

在这里，他们用笨拙的双手迄今取得的成就

function f1() {
  $('#cartag').on('click', function() {
    var input = $(this);
    var input_lenght = input.val().length;
    input.next("span").text(input_lenght + " chars");
    //console.log(input_lenght);
    return input_lenght;
  });
}

//f1();


$('#cartag222').on('click', function() {
  var limitvalue = f1();
  console.log(limitvalue);
  limitText(this, limitvalue);
});

function limitText(field, maxChar) {
  var ref = $(field),
    val = ref.val();
  if (val.length >= maxChar) {
    ref.val(function() {
      //console.log(val.substr(0, maxChar))
      return val.substr(0, maxChar);
    });
  }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="cartag" type="text" name="car"><span></span>

<input id="cartag222" type="text" name="car222">

javascript

1 个回答

  1. Best Answer

    如果我理解正确，那么这是可能的。更改第一个输入的值时，maxlength设置第二个输入的值。

    用jQuery

    $('#cartag').on("change", function(){
  
  $('#cartag222').attr('maxlength', $(this).val().length);
  console.log('maxlength for $("#cartag222"): ' + $(this).val().length)
  $("span").text($(this).val().length)
})
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="cartag" type="text" name="car"><span></span>

<input id="cartag222" type="text" name="car222">

    不使用 jquery

    let cartag = document.getElementById("cartag");
let cartag222 = document.getElementById("cartag222");
let out = document.getElementById("out");


cartag.addEventListener("change", () => {
  cartag222.setAttribute("maxlength", cartag.value.length)
  out.innerText = cartag.value.length
  console.log(`maxlength is: ${cartag.value.length}`)
})
    <input id="cartag" type="text" name="car"><span id="out"></span>

<input id="cartag222" type="text" name="car222">

    • 3

相关问题