체크 박스 표시 오류

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를 사용하여 제출 이벤트에 단추를 추가하고 단추를 제출하지 않으려면 false를 반환 할 수 있습니다.

Answer 2

[ "매각 OG leveringsvilkår 어 OG akseptert 않을까"(스웨덴어? 노르웨이어?) 조건을 수용에 관한 것입니다.]

나는 그냥 표시되지 않습니다 바랍니다. 사용자가 이용 약관을 수락했음을 서버 측에서 확인해야합니다.

클라이언트 쪽 양식 검사를 수행하려면 JS를 사용하여 제출 단추의 동작을 무시하고 데이터를 확인한 다음 (jQuery가 필요하지 않지만 멜로 어가 보여준 것처럼) 각 양식 요소 옆에 주석을 표시해야합니다. 정말 약간의 고통. JS가 실수로 비활성화 된 경우를 대비하여 모든 서버 측에서 다시 유효성을 검사해야합니다.