[Cuando el servidor esté sobrecargado, las envíos serán tartamudeados, pero cuando el usuario esté operando, seguirá haciendo clic y enviando repetidamente, lo que causará una mayor presión sobre el servidor. Entonces necesitamos limitarlo]
[1] Desactivar el botón Enviar
<html> <fead> <script> // Prohibir el comportamiento predeterminado porque es necesario simular la sobrecarga del servidor, por lo que primero debe deshabilitar la función de enviar automáticamente la función de botón Enviar preventDef (event) {event = event || window.event; if (event.preventDefault) {return Event.PreventDefault; } else {return Event.returnValue = false; }} window.onload = function () {var form = document.getElementsByTagName ('form') [0]; // GET Form Eleman var txt = form.elements ['txt']; // Obtener el elemento de formulario con el atributo de nombre txt var sub = form.elements ['sub']; // Obtenga el elemento de formulario con el atributo de nombre sub form.onsubmit = function (event) {// Cree un evento de envío, porque enviar es formulario para enviar eventos, por lo que si queremos prohibir el formulario, también necesitamos usar el formulario para prohibir el evento = evento || Window.event; PreventDef (evento); // Ban Deshabilitar el comportamiento de envío predeterminado sub.disabled = true // El primero es deshabilitar el botón después de que el usuario envíe, y luego suelte el botón después de esperar el envío para completar setTimeOut (function () {// simular durante 5 segundos y luego enviar form.submit ()}, 5000); }} </script> </head> <body> <form de formulario = "formulario"> <input type = "text" id = "txt" name = "txt"> <input type = "Subt" id = "sub"> </form> </body> </ html>[El segundo tipo de creación de una variable para el juicio]
[1] Desactivar el botón Enviar
<html> <fead> <script> // Prohibir el comportamiento predeterminado porque es necesario simular la sobrecarga del servidor, por lo que primero debe deshabilitar la función de enviar automáticamente la función de botón Enviar preventDef (event) {event = event || window.event; if (event.preventDefault) {return Event.PreventDefault; } else {return Event.returnValue = false; }} window.onload = function () {var form = document.getElementsByTagName ('form') [0]; // GET Form Eleman var txt = form.elements ['txt']; // Obtener el elemento de formulario con el atributo de nombre txt var sub = form.elements ['sub']; // Obtener el elemento de formulario con el atributo de nombre sub var flag = true; // Cree una variable primero para indicar que el usuario no ha hecho clic para enviar form.onsubmit = function (event) {// Cree un evento de envío, porque enviar es formulario para enviar eventos, por lo que si queremos prohibir Form = Event || Window.event; PreventDef (evento); // protege el comportamiento de envío predeterminado if (flag == true) {flag = false; // Regístrese en el botón de envío} else {alerta ('enviar, por favor no repita el envío'); } setTimeOut (function () {// Enviar form.submit ()}, 5000); }} </script> </head> <body> <form de formulario = "formulario"> <input type = "text" id = "txt" name = "txt"> <input type = "Subt" id = "sub"> </form> </body> </ html>Dos formas de prohibir a los usuarios enviar varias veces en JavaScript
[Cuando el servidor esté sobrecargado, las envíos serán tartamudeados, pero cuando el usuario esté operando, seguirá haciendo clic y enviando repetidamente, lo que causará una mayor presión sobre el servidor. Entonces necesitamos limitarlo]
[1] Desactivar el botón Enviar
<html> <fead> <script> // Prohibir el comportamiento predeterminado porque es necesario simular la sobrecarga del servidor, por lo que primero debe deshabilitar la función de enviar automáticamente la función de botón Enviar preventDef (event) {event = event || window.event; if (event.preventDefault) {return Event.PreventDefault; } else {return Event.returnValue = false; }} window.onload = function () {var form = document.getElementsByTagName ('form') [0]; // GET Form Eleman var txt = form.elements ['txt']; // Obtener el elemento de formulario con el atributo de nombre txt var sub = form.elements ['sub']; // Obtenga el elemento de formulario con el atributo de nombre sub form.onsubmit = function (event) {// Cree un evento de envío, porque enviar es formulario para enviar eventos, por lo que si queremos prohibir el formulario, también necesitamos usar el formulario para prohibir el evento = evento || Window.event; PreventDef (evento); // Ban Deshabilitar el comportamiento de envío predeterminado sub.disabled = true // El primero es deshabilitar el botón después de que el usuario envíe, y luego suelte el botón después de esperar el envío para completar setTimeOut (function () {// simular durante 5 segundos y luego enviar form.submit ()}, 5000); }} </script> </head> <body> <form de formulario = "formulario"> <input type = "text" id = "txt" name = "txt"> <input type = "Subt" id = "sub"> </form> </body> </ html>[El segundo tipo de creación de una variable para el juicio]
[1] Desactivar el botón Enviar
<html> <fead> <script> // Prohibir el comportamiento predeterminado porque es necesario simular la sobrecarga del servidor, por lo que primero debe deshabilitar la función de enviar automáticamente la función de botón Enviar preventDef (event) {event = event || window.event; if (event.preventDefault) {return Event.PreventDefault; } else {return Event.returnValue = false; }} window.onload = function () {var form = document.getElementsByTagName ('form') [0]; // Get Form Element var txt = form.elements ['txt']; // Obtener el elemento de formulario con el atributo de nombre txt var sub = form.elements ['sub']; // Obtener el elemento de formulario con el atributo de nombre sub var flag = true; // Cree una variable primero para indicar que el usuario no ha hecho clic para enviar form.onsubmit = function (event) {// Cree un evento de envío, porque enviar es formulario para enviar eventos, por lo que si queremos prohibir Form = Event || Window.event; PreventDef (evento); // protege el comportamiento de envío predeterminado if (flag == true) {flag = false; // Regístrese en el botón de envío} else {alerta ('enviar, por favor no repita el envío'); } setTimeOut (function () {// Enviar form.submit ()}, 5000); }} </script> </head> <body> <form de formulario = "formulario"> <input type = "text" id = "txt" name = "txt"> <input type = "Subt" id = "sub"> </form> </body> </ html>Lo anterior es la información relevante sobre dos métodos que el editor le presentó que JavaScript prohíbe a los usuarios enviar varias veces. ¡Espero que sea útil para todos!