¿Cuál es el problema con este código? Obtuve exactamente el número de teléfono móvil en la consola, pero no en el enrutamiento de consultas en /search_user?mob ?
<input type="tel" name="message" id="mobile_input" value=""> <!--getting mobile no. from the input tag --> <script type="text/javascript" defer> e => { e.preventDefault(); var mobInput = document.querySelector('#mobile_input');//get the input tag. var moby = mobInput.value;//get mobile no. console.log(moby);//be sure from the variable mob mobInput.value='';//reset the input tag. return moby; } </script> <!-- query routing on /search_user?mob --> <a href="/search_user?mob=moby" class="border-shadow">Search</a>Intenté algo como esto y esto parece funcionar.
<form> <input type="tel" name="message" id="mobile_input"> <button type="submit" onclick="handleSearch(document.getElementById('mobile_input').value)">Search</button> </form> <!--getting mobile no. from the input tag --> <script type="text/javascript" defer> // const handleChange = (value) => { // var mobInput = value // console.log(mobInput) // // } const handleSearch = (input) => { var searchValue = input; console.log("This is the search value " + searchValue) var url = '/search_user?mob=' + searchValue; console.log(url) window.location.href = url; } </script>Explicación: cambié el elemento a href por un elemento de botón. Cada vez que se hace clic en el botón (onclick) se llama a la función handleSearch. Esta función toma como entrada el valor del elemento de entrada con ID "mobile_input". Por supuesto, puede limpiar la función un poco más. Después de fusionar la base de la URL ('/search_user?mob=') con el valor de entrada (searchValue), la función handleSearch debería redirigir a la URL (llamando a window.location.href). Este último, por supuesto, puede cambiar por la llamada correcta al servidor. Espero que esto ayude.
Nota al margen: verá que hay una función handleChange comentada. Puede llamar a esta función en el elemento de entrada para realizar un seguimiento de sus cambios en la consola. esta función se llama usando onChange, al igual que usas onClick con el botón de búsqueda. Para más información: https://www.w3schools.com/jsref/event_onchange.asp