En mi proyecto ASP.NET Core MVC, cuando el usuario completa el formulario y presiona el botón Enviar, se muestra un mensaje al usuario y el botón se bloquea. El problema es que incluso sin llenar el formulario al presionar el botón, muestra el mensaje. Sé que debería verificar si cada valor de campo de entrada no es nulo y luego, al presionar el botón, se mostrará el mensaje, pero no sé cómo implementar eso. ¿Cualquier sugerencia? Aquí está mi código

 <form method="post"> --------a few input fields in a form------- <button id="button" type="submit" class="btn btn-lg btn-success">send</button> </form> <div class="submit-progress d-none"> <label>be patient please...</label> </div> @section scripts{ <partial name="_ValidationScriptsPartial" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/5.2.7/js/fileinput.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#button").click(function () { $(this).prop("disabled", true); $(".submit-progress").removeClass("d-none"); }); </script> }