Tengo una vista que muestra un modal cuando el usuario hace clic en agregar un registro. Hay un campo para el kilometraje del automóvil del usuario para que el usuario pueda ingresar su kilometraje inicial y final para calcular el kilometraje recorrido. Cuando un usuario ingresa un valor para el kilometraje final y ese valor es menor que el kilometraje inicial y envía el modal, el registro no se almacena, pero el campo se resalta cuando el modal se abre nuevamente. Quiero asegurarme de que el usuario vea el error antes de enviarlo o cuando lo envíe, debería mostrar el error en el modal sin que tengan que abrirlo nuevamente. ¿Hay alguna manera de hacer esto?

El código que probé para mostrar el error:

Controlador:

 $request->validate([ 'start_odo' => 'required', 'end_odo' => 'required|gt:start_odo', ]);

Vista:

 <div class="mb-3"> <label for="recipient-name" class="col-form-label">End ODO</label> <input type="number" style="width: 7em" name="end_odo" class="form-control @error('end_odo') is-invalid @enderror" id="end_odo" min="0" required> @error('end_odo') <span class="invalid-feedback">{{ $message }}</span> @enderror </div>

JS que probé:

 <script type="text/javascript"> function validate() { var value1; var value2; value1 = parseFloat(document.getElementById('start_odo').value); value2 = parseFloat(document.getElementById('end_odo').value); if (value2 > value1) { //we're ok } else { alert("Values are not as they should be"); return false; } } </script>