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

Question

[AlexSer]

Подскажите как сделать так чтобы кнопка была не активной, не просто добавив атрибут disabled.
Например, я хочу сделать систему оплаты с миним. суммой. Если просто добавить атрибут disabled, кнопке оплатить с условием, то можно же просто, открыть html \css в браузере и убрать свойство, и продолжить выполнение операции.
А как сделать, чтобы атрибут нельзя было снимать.

Answer 1

[Дмитрий]

Не в ту сторону думаете.
Проверять сумму оплаты и прочие параметры нужно на стороне сервера, потому что любые ограничения, наложенные на стороне клиента (через html/js), можно обойти.
Поэтому при отправке формы проверяйте минимальную сумму и не давайте пользователю продолжить, если условия не выполнены.

Comments

[Александр Черемхин]

Поэтому при отправке формы проверяйте минимальную сумму и не давайте пользователю продолжить, если условия не выполнены.

Как то неудачно сформулированною Наверно вы имели ввиду:
Поэтому при получении запроса на сервере, проверяйте минимальную сумму и выдавайте ошибку валидации (на поле сумма), если сумма меньше мин.

[Дмитрий]

Александр Черемхин, да, не при отправке формы, а при обработке запроса. Чуть неточно выразился.

Answer 2

[сергей захарченко]

сделайте проверку на js перед отправкой, а лучше на сервере где принимается запрос. т.к. запрос тоже можно имитировать.

Answer 3

[Надим]

Вы можете при помощи 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.