2017-11-01 13 views
1

私は、チェックボックスの方法で特定の日を選択するオプション付きの予定プラグインを持っています。私はフィールドのカスタム検証を追加しました。すべてうまく動作します。チェックボックスをチェックしてチェックを外すと、有効性が確認されます。ここ は、私は同じページでそれを与え、また、ボタンのonclickの上の関数を呼び出すしようとした私のコード、Jquery valiationチェックボックスをオフにしても機能しない(チェックボックス)

jQuery(document).ready(function(){ 

    jQuery(document).on('click','.ladda-button',function(){ 
      oniter(); 
    }); 

}); 
function oniter(){ 

    if (jQuery(".valid").find(".active").length>=1) { 
     // alert(123); 
    } 
    else { 
     jQuery('.removeval').remove(); 
     jQuery(".validation_text").append("<font class='removeval'>Please Select a Day</font>"); 
    } 
    jQuery(".valid").on ('change',function(){ 
     jQuery(".validation_text").remove(); 
    }); 
    } 

です。ここにボタンのhtmlがあります。

<button class="bookly-next-step bookly-js-next-step bookly-btn ladda-button" data-style="zoom-in" data-spinner-size="40" onclick="oniter();"> 

何が間違っているのですか?私は、次のアプローチから使用checkboxedについて

答えて

0

、私はミリアンペアの検証は、実際に働いていたことを発見した、それが追加されていませんでした検証テキストでした。だから、テキストを追加するのではなく、私はhide関数とshow関数を使いました。 関数oniter(){

if (jQuery(".valid").find(".active").length>=1) { 
     // alert(123); 
    } 
    else { 
     jQuery('.removeval').show(); 

    } 
    jQuery(".valid").on ('change',function(){ 
     jQuery(".removeval").hide(); 
    }); 
    } 
0

:いくつかのチェックを行った後

$('.valid input').click(function(){this.checked ? $(".validation_text").show() : $(".validation_text").hide()}); 
+0

これはあなたのチェックボックスの選択が.validです( '有効')$で – Jackson

+0

を動作するようですdosent? –

+0

validは私のチェックボックスdivのクラスです – Jackson

関連する問題