php - 复选框显示错误

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}

在复选框之前的标记中输入了此内容，但它不起作用。

更新:

除了给出的答案之外，这里是表单提交代码..

{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。