@AlexSer

Как сделать кнопку не активной?

Подскажите как сделать так чтобы кнопка была не активной, не просто добавив атрибут disabled.
Например, я хочу сделать систему оплаты с миним. суммой. Если просто добавить атрибут disabled, кнопке оплатить с условием, то можно же просто, открыть html \css в браузере и убрать свойство, и продолжить выполнение операции.
А как сделать, чтобы атрибут нельзя было снимать.
  • Вопрос задан
  • 59 просмотров
Решения вопроса 3
i__dmitry
@i__dmitry
Weaving a web
Не в ту сторону думаете.
Проверять сумму оплаты и прочие параметры нужно на стороне сервера, потому что любые ограничения, наложенные на стороне клиента (через html/js), можно обойти.
Поэтому при отправке формы проверяйте минимальную сумму и не давайте пользователю продолжить, если условия не выполнены.
Ответ написан
сделайте проверку на js перед отправкой, а лучше на сервере где принимается запрос. т.к. запрос тоже можно имитировать.
Ответ написан
@zkrvndm
Веб-разработчик
Вы можете при помощи jQuery добавить в head вашего сайта новый стиль, блокирующий кнопку:
var style = '<style id="button_block"> button { pointer-events: none; opacity: 0.7; } </style>';
$('head').append(style); // Добавляем блокирующий стиль
$('style#button_block').remove(); // Удаляем блокирующий стиль

Свойство pointer-events: none сделает элемент некликабельным, ну а opacity слегка обесцветит кнопку, давая понять пользователю, что она заблокирована. Конечно, через консоль вполне можно все снять, но это уже будет не так очевидно, как с disabled.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы