Дополнительное обязательно поле в заказе

[Artjoms]

 

Всем привет!
Может кто знает как в OpenCart'e движке сделать на странице заказа checkout дополнительные обязательные поля? 
Через код пробовал добавить так:
 

<div class="form-group required">
        <input type="checkbox" placeholder="Условия" class="control-label" for="input-payment-rules" required> С условиями согласен!
    </div>

 

Игнорирует и отправляет заказ. Нужно использовать JS. Может кто подсказать как правильно задать условия с помощью JS?

[Stealth421]

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

$(function(){
	$('#agree').on('change', function(){
		if($('#agree').prop('checked')){
			$('#button-go').attr('disabled', false);
		}else{
			$('#button-go').attr('disabled', true);
			alert ('Ошибка: вы должны дать согласие на обработку персональных данных!');
		}
	});
});

 

[Artjoms]

2 часа назад, Stealth421 сказал:

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

$(function(){
	$('#agree').on('change', function(){
		if($('#agree').prop('checked')){
			$('#button-go').attr('disabled', false);
		}else{
			$('#button-go').attr('disabled', true);
			alert ('Ошибка: вы должны дать согласие на обработку персональных данных!');
		}
	});
});

 

 

Как можно эту функцию связать с моими дивами? 

<div class="form-group required">
        <input type="checkbox" placeholder="Условия" class="control-label" for="input-payment-rules" required> С условиями согласен!
    </div>

[fanatic]

16 часов назад, Artjoms сказал:

Как можно эту функцию связать с моими дивами? 

как то так

ваш чекбокс

<div class="form-group required">
    <input id="agree" type="checkbox" placeholder="Условия" class="control-label" for="input-payment-rules" required> С условиями согласен!
</div>

в шаблоне добавляем js

<script type="text/javascript">
    $(function(){
        $('input[type=button]').attr('disabled', true);
        $('#agree').click(function(){
            if($(this).prop('checked')){
                $('input[type=button]').attr('disabled', false);
            }else{
                $('input[type=button]').attr('disabled', true);
                alert ('Ошибка: вы должны дать согласие на обработку персональных данных!');
            }
        })
    })
</script>