Estoy usando Onkeyup para disparar cuando un usuario ingresa una determinada ID en el cuadro de búsqueda. Un problema que estoy tratando de solucionar es que la función se ejecute solo después de que haya 4 o más caracteres en el cuadro de envío. Por ejemplo, el número de ID 0949 se activa cuando el usuario escribe cada dígito, devolviendo un error de solicitud GET cada vez que solo debería activarse al final del envío de 4 dígitos. Aquí hay una captura de pantalla del registro de la consola:

Intenté incluir un .length en mi función onkeyup, así como una captura fallida para probar, pero nada funciona y aún se dispara después de cada entrada. Aquí está mi código JavaScript:

 const getAssetInfo = (assetTag, index) => { // get the table row that this input is in $.get("http://localhost:3000/assets/" + assetTag , (data) => { // find the `.description` element and set it's value if (data){ $(`#manufacturer_serial_no${index}`).val(data.serial_no); $(`#description${index}`).val(data.description); $(`#cost${index}`).val(data.cost); $(`#po_no${index}`).val(data.po_no); } console.log(data); }) .fail(() => { // alert("DONE"); // console.log(index); $(`#manufacturer_serial_no${index}`).val(""); $(`#description${index}`).val(""); $(`#cost${index}`).val(""); $(`#po_no${index}`).val(""); }); };

 $('document').ready(() => { // Handler to Add New Asset const table = $("#formTable tbody"); let count = 1; $('#add').click(() => { const newRow = ` <tr index="${count}"> <form> <td><input class="asset-tag" id='asset_tag_no${count}' type='text' onkeyup = "getAssetInfo(this.value,${count})"; bottom required /></td> <td><input class="serial-no" id='manufacturer_serial_no${count}' type='text' bottom required readonly/></td> <td><textarea class="description" id='description${count}' type='text' bottom required readonly description></textarea></td> <td><input id='cost${count}' type='value' bottom require readonly/></td> <td><input id='po_no${count}' type='text' bottom require readonly/></td> <td><textarea id='remarks${count}' type='text' bottom remarks></textarea></td> <td><button type="button" index="${count}" class="btn btn-danger btn-remove">X</button></td> </form> </tr> `; table.append(newRow); // Handler to Remove New Asset $('.btn-remove').click(function(){ let index = $(this).attr('index'); $(`tr[index='${index}'`).remove(); }); count++; }); What is the most optimal way to ensure that only 4 or more digits can be entered into the search box, before it sends a GET request?