Ошибка флажка показать ошибку

Question

Мне нужно сделать это показать ошибку, если пользователь пытается покинуть страницу, не проверяя этот флажок. У него нет другого использования, кроме визуального, есть ли способ реализовать такую ​​вещь?

<span> 
     <input value="1" type="checkbox" name="salgsvilkar" ID="checkbox2" style="float:left;" 
     onclick="document.getElementById('scrollwrap').style.cssText=' 
border-color:#85c222; 
background-color:#E5F7C7;';" /> 
<label for="checkbox2" class="akslabel"> 
Salgs og leveringsvilkår er lest og akseptert 
</label> 
    </span> 

Приложенный CSS предназначен только для стилизации, не имеет смысла публиковать его.

Я попытался:

{literal} 
      <script type="text/javascript"> 
if ($("#checkbox2").val()==1){ 
    alert('Please accept the terms of sale'); 
    //or you can use other method of showing the error. lightbox? showing error msg on a span, etc. 
} 

</script> 
    {/literal} 

Поступил это в разметке как раз перед флажком, но он не хочет работать.

UPDATE:

В дополнение к ответам, здесь есть форма представить код ..

{form action="controller=checkout action=payOffline query=id=$method" handle=$offlineForms[$method] method="POST"} 
     {include file="block/eav/fields.tpl" fieldList=$offlineVars[$method].specFieldList} 
     <div id="handel_fortsett_btns"> 

     <p class="submit"> 




    <a href="{link route=$return}" class="continueShopping" title="Fortsett å handle"><span><span><span><span>&nbsp;</span></span></span></span></a> 

     <input type="hidden" name="step" value="{$step}" /> 
     <label></label> 
     <button type="submit" class="submit" name="{$method}" id="fullfor_btn" title="Fullfør bestillingen nå" value="">&nbsp;</button> 
    </p> 

    </div> 


    {/form} 

Спасибо.

Answer 1

Да. использование jquery.

$(document).ready(function() {  

//this should capture your submit button click event and the return false will stop the submission. 
$("#fullfor_btn").click(function(){ 
    if ($("#checkbox2").val()==1){ 
     alert('your error msg'); 
     //or you can use other method of showing the error. lightbox? showing error msg on a span, etc. 
     return false; //or use other method to stop your form from submitting. 
    } 
}); 

)}; 

и вот немного tutorial to get you started, не волнуйтесь, если вы не знаете, что использовать в первую очередь. просто изучите селектор и медленно прокладывайте себе путь вверх. это будет выгодное инвестирование :)

и как вы отправляете форму сейчас? , если это просто кнопка отправки, вы можете использовать jquery, чтобы добавить событие click к кнопке submit и вернуть false, когда вы не хотите, чтобы кнопка была отправлена.

Answer 2

[ "Salgs ог leveringsvilkår эр чтобы ог akseptert" (Swedish? Норвежец?) О принятии условий.]

Я надеюсь, что это не только для отображения. Вам также нужно проверить серверную сторону, чтобы пользователь принял ваши условия.

Чтобы выполнить проверку формы на стороне клиента, вы захотите использовать JS для переопределения действия кнопки отправки, проверки данных (как показывает melaos, хотя jQuery не требуется) и отображать комментарии рядом с каждым элементом формы. На самом деле немного боль. Вы должны повторно проверить все это на стороне сервера, если JS случайно (или не отключен) отключен.