• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
    • Questions
    • Teachers
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

118
Views
La rueda giratoria de carga deshabilita el atributo requerido de HTML5

Tengo un botón de envío (bootstrap) donde envío algunos datos de los campos de entrada a mi consulta de PHP. He agregado a este botón de envío un control giratorio de carga después de que el usuario haya hecho clic en el botón. Desde que agregué la identificación de la ruleta al botón, el atributo HTML para "requerido" ya no funciona. Ya no indica al usuario que falta información.

Ejemplo:

 $(document).ready(function() { $("#load").click(function() { // disable button $(this).prop("disabled", true); // add spinner to button $(this).html( `<i class="spinner-border spinner-border-sm mb-1"></i> Loading` ); $("#save").submit(); }); });
 <form method="post" action="" id="save"> <input class="input" name="passwort" type="password" placeholder="Enter your password here" required> </input> <button type="submit" class="btn btn-lg btn-primary" id="load"> Save </button> </form>

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

¿Quizás debería escuchar el evento de envío en lugar de hacer clic?

 $(document).ready(function() { $("#save").submit(function(e) { // disable button $('#load').prop("disabled", true); // add spinner to button $('#load').html( `<i class="spinner-border spinner-border-sm mb-1"></i> Loading` ); }); });
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form method="post" action="" id="save"> <input class="input" name="passwort" type="password" placeholder="Enter your password here" required> </input> <button type="submit" class="btn btn-lg btn-primary" id="load"> Save </button> </form>

almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error