компонент, похожий на скрипт, чтобы избежать двойной отправки
-
22-09-2019 - |
Вопрос
Я ищу сценарий, который не позволит пользователю дважды нажимать кнопку отправки, особенно для форм длительной фоновой обработки.Мне бы хотелось реализовать что-то не только функциональное, но и визуально привлекательное.Может ли кто-нибудь поделиться советами о том, как это сделать, например, с помощью scriptaculous?
Спасибо
Решение
Это не скрипт, но я всегда делал так:
HTML:
<form onsubmit="return checkDoubleSubmit(this) && yourSubmitroutine();">
<input ...>
...
<input type="hidden" value="0" id="dscheck">
</form
Javascript:
function checkDoubleSubmit(form) {
var v = 0;
var e = form.getElementById("dscheck");
if (e != null) {
v = e.value;
v = v * 1; // Coerce to number
e.value = "1";
}
return v == 0;
}
Другие советы
Используя прототип, вы можете попробовать что-то вроде этого:
var DoubleSubmit = {
prevent: function(){
var forms = document.body.select('form');
forms.invoke('observe', 'submit', DoubleSubmit.observeSubmit);
},
observeSubmit: function(event){
var submitButtton = event.element().select('input[type="submit"]')[0];
submitButtton.disable();
return true;
}};document.observe('dom:loaded',DoubleSubmit.prevent);
Не связан с StackOverflow