Question

我想用jQuery或纯javascript创建验证函数。

这是我的复选框

<input type="checkbox" name="terms" id="terms">

这是我的链接按钮

<label id="kosullar" for="terms">
<a class="fancybox-effects-d" data-fancybox-type="iframe" onclick="" href="kosullar.php">KULLANIM  &nbsp;KOSULLARINI  &nbsp;KABUL&nbsp; EDIYORUM</a>
</label>

如果选中复选框，则进程将继续重定向我的href网址，如果不是我想向用户显示alert（）。

多数民众赞成。

你能告诉我一个例子吗？

Answer 1

在onclick定义一项功能并通过this，return false停止默认操作

onclick="verifyCheck(this); return false;"

function verifyCheck(elem) {
    var cb = document.getElememtById("terms");

    if (cb.checked) { 
        location.href = elem.href;
    } else {
         alert("Check the box!");
    }
}

Answer 2

$('.fancybox-effects-d').click(function(e) {
    if (!($('#fancybox-effects-d').is(':checked'))) {
        e.preventDefault();
    }
});

Answer 3

试试这个。

 <a class="fancybox-effects-d" data-fancybox-type="iframe" onclick="return Validate();" href="kosullar.php">

Javascript方法

function Validate()
{
 If($("#terms").is(":checked"))
 {
    //do your code to go to next step
 }
 else
 {
  alert("Please check the checkbox");
  return false;
 }
}

Answer 4

你能试试吗，

     function Accept(dat){

            var terms = $('#terms').is(':checked');

            if(terms){
                window.location.href=dat.href;
            }else{
                alert('not checked!');
                return false;
            }
      }

HTML部分：

    <input type="checkbox" name="terms" id="terms">

    <label id="kosullar" for="terms">
        <a class="fancybox-effects-d" data-fancybox-type="iframe" onclick="return Accept(this);" href="kosullar.php">KULLANIM  &nbsp;KOSULLARINI  &nbsp;KABUL&nbsp; EDIYORUM</a>
    </label>

另一种方法：

 $(function(){

      $(".fancybox-effects-d").click(function(){

           var terms = $('#terms').is(':checked');

            if(terms){
                window.location.href=$(this).attr('href');
            }else{
                alert('not checked!');
                return false;
            }
        });

   });

HTML：

<input type="checkbox" name="terms" id="terms">

    <label id="kosullar" for="terms">
        <a class="fancybox-effects-d" data-fancybox-type="iframe"  href="kosullar.php">KULLANIM  &nbsp;KOSULLARINI  &nbsp;KABUL&nbsp; EDIYORUM</a>
</label>

没有表单的jQuery复选框验证

4 个答案: