5509

exValidationにチェックボックスで必須をトグルにできるやつを実装しました

exValidation(jQuery.validation.js含め)で今まで一番要望が多かったのですが、汎用的にするのは微妙かなぁと思って実装していませんでした。以前ものを、もう面倒なので組み込みました。これで割と簡単に使えるんじゃないでしょうか。表示非表示とかはできません、あくまで必須をトグルにできるだけです。表示非表示も実装したい場合はがんばってアドオンしてください。(アドオンは割と簡単にできます)

チェックボックスで必須をトグルにできるやつのサンプル

実装方法

実装方法はサンプルに尽きるのですが、ポイントはトグルにしたい要素はルールを書くときにchkrequiredを必ず含めてください


  Favorite*
  
    
      
      
      
      
      
      
    
  


  Favorite Other
  
    
  

で、チェックボックスを含むグループにはchktoggle_hoge_fugaのように

  • hoge: トグルを発火させるためのチェックボックスのID
  • fuga: チェックボックスの状態によって必須をトグルさせるinputのID

ルールを入れておきます。これだけです。

$("form")
  .exValidation({
    rules: {
      fav: "chkgroup chktoggle_f6_favOther",
      favOther: "chkrequired"
    },
    stepValidation: true
  });

そんなわけで、実装しましたのでよければ使ってください。

チェックボックスで必須をトグルにできるやつのサンプル

Author

nori
nori
- UI Engineer
Location
- ,