Estoy tratando de obtener valor con ajax en bootstrap 5.

Ajax envía el valor de "chip" a php y devuelve 1 si hay tales datos en la base de datos, 2 si no los hay, 0 si el campo de entrada "chip" estaba vacío (solo para probar).

Si es 1, quiero que muestre información. Si 2 quiero enviar el formulario.

Funciona muy bien, pero... detiene la validación de arranque predeterminada cuando el campo "chip" requerido está vacío.

Si elimino el comentario "if (!chip) event.preventDefault()", se valida, pero cuando se devuelve el valor 1, envía el formulario de todos modos.

¿Hay alguna forma de mostrar la información de arranque predeterminada o tengo que mostrar la mía cuando los datos son 0?

Ayuda :)

 document.getElementById("chipButton").onclick = function() { const dataToSend = { chip : document.getElementById("chip").value } fetch(url, { method: 'post', mode: 'cors', headers: new Headers({ 'Content-Type': 'application/json' }), body: JSON.stringify(dataToSend) }) .then((response) => { return response.json(); }) .then((data) => { console.log(data) if (data.check==1) { pokazKomunikat(data.check) } else if (data.check > 1 ) { subForm() } }); //if (!chip) event.preventDefault() event.preventDefault() } function pokazKomunikat(id){ document.querySelector(".chipAlert").innerHTML = 'answer <a href="<?php echo $base_url;?>/aaa/'+id+'/0/0/0"> here</a>'; document.querySelector(".chipAlert").style.display = "block"; } function subForm(){ document.getElementById("chipForm").submit(); }