Отключение кнопки после однократного нажатия
Я пытался использовать JavaScript и JQuery, и он не работает. Кнопка отключается, но форма не отправляется.
Оба метода работают отлично, но теперь форма не будет отправлена.
9 ответов
В jQuery теперь есть .one() функция, которая ограничивает любое событие (например, «отправить») в одном случае.
Этот код позволит вам отправить форму один раз, а затем отключить кнопку. Измените селектор в функции find () на любую кнопку, которую вы хотите отключить.
Примечание. Согласно Франсиско Гольденштейну, я изменил селектор на форму и тип события для отправки. Это позволяет отправлять форму из любого места (кроме кнопки), при этом отключая кнопку отправки.
Примечание 2: . В gorelog, используя attr(‘disabled’,’disabled’) , вы не сможете отправить в форму значение кнопки отправки. Если вы хотите передать значение кнопки, используйте attr(‘onclick’,’this.style.opacity = «0.6»; return false;’) .
Используйте современные события Js, с «один раз»!
Чтобы отправить форму в MVC NET Core, вы можете отправить ее с помощью ВХОДА :
Чтобы сделать это кнопкой, я использую Bootstrap, например:
Чтобы предотвратить отправку дубликатов форм в MVC NET Core, вы можете добавить событие onclick и использовать this.disabled = true; , чтобы отключить кнопку:
Если вы хотите сначала проверить правильность формы, а затем отключить кнопку, сначала добавьте this.form.submit (); , поэтому, если форма действительна, эта кнопка будет отключена, в противном случае кнопка все равно будет быть включен, чтобы вы могли исправить свою форму при проверке.
Вы можете добавить текст к отключенной кнопке, говоря, что вы сейчас находитесь в процессе отправки формы, когда вся проверка правильна, используя this.value = ‘text’; :
JQuery .one() не должен использоваться с событием click, но с событием submit , как описано ниже.
Как отключить кнопку с помощью JS? [Дубликат]
Я читал где-то еще, что вы можете попробовать — поймать java.lang.OutOfMemoryError и в блоке catch вы можете освободить все ресурсы, которые, как вы знаете, могут использовать много памяти, тесные соединения и т. д., затем выполните System.gc () затем повторите попытку, что бы вы не сделали.
Другой способ заключается в том, что, хотя я не знаю, будет ли это работать, но в настоящее время я проверяю, будет ли он работать над моим приложением.
Идея состоит в том, чтобы сделать сбор мусора, вызвав System.gc (), который, как известно, увеличивает свободную память. Вы можете продолжать проверять это после выполнения кода gobbling памяти.
7 ответов
Использование Javascript
- Отключение кнопки html
- Включение кнопки html
- Демонстрация здесь
Использование jQuery
Все версии jQuery до версии 1.6
- Отключение кнопки html
- Включение кнопки html
- Демо здесь
Все версии jQuery после 1.6
- Отключение кнопки html
- Включение кнопки html
- Демонстрация здесь
PS Обновлен код, основанный на jquery 1.6.1 изменениях . В качестве предложения всегда используйте последние файлы jquery и метод prop() .
Здесь ‘btncancel’ — это имя класса кнопки.
Поскольку вы отключите его в первую очередь, способ включить его — установить его свойство disabled как false .
Чтобы изменить его свойство disabled в Javascript, вы используете это:
И, очевидно, чтобы отключить его снова, вместо этого вы должны использовать true .
Поскольку вы также отметили вопрос с помощью jQuery, вы можете использовать .prop метод. Что-то вроде:
Это в новых версиях jQuery. Более старый способ сделать это — добавить или удалить такой атрибут:
Простое присутствие свойства disabled отключает элемент, поэтому вы не можете установить его значение как «false». Даже следующее должно отключить элемент
Как сделать кнопку неактивной через JavaScript
Всем привет. Речь конечно же пойдет о кнопке на странице сайта или какого-то веб-приложения. Мы будем делать ее неактивной через JS, но для этого нам нужно создать условие, то есть в каких случаях кнопка будет неактивной, потому что оставлять ее в этом положении навсегда не имеет смысла. В большинстве случаев это делается при проверке каких-то данных в форме и там как раз есть условие — если проверка на заданные условия пройдена, то кнопку сделаем активной, если нет — нажатие на кнопку будет запрещено. Я уже писал про валидацию номера телефона на JS, поэтому мы можем частично воспользоваться кодом, который приведен в статье. неактивная кнопка а HTML выглядит так:
То есть кнопке просто добавляется атрибут disabled и дальше будет зависеть от контекста. В каких случаях атрибуту присваивать значение TRUE, а в каких FALSE. Теперь можно перейти к конкретным примерам.
Эта конструкция кода проверяет номер телефона в формате +7 и пока не будет введен верный номер в поле — кнопка останется неактивной. Как только номер будет соответствовать заявленным требованиям, то есть регулярному выражению — кнопка станет активной. То же самое мы можем сделать для Email адреса. Все, что нужно сделать, это поменять регулярное выражение в переменной regex, которое будет проверять именно Email.
Соответственно сделать кнопку неактивной на JS можно и для других данных, когда форма содержит гораздо больше полей и все их нужно проверить. В этом уроке я привел основной принцип, а реализация и проверки будут зависеть от конкретной задачи.