/jquery-simpleValidation

Form内容のバリデーションを行うjQueryプラグインです。

Primary LanguageHTMLMIT LicenseMIT

#jquery-simpleValidation Form内容のバリデーションをサブミット前にブラウザ側で行うプラグインです。

##Licenseについて このプラグインはMITライセンスです。
ソースコード内の著作権表示を残して頂ければ、個人・商用問わずご自由にご利用頂けます。

This software is released under the MIT License, see LICENSE.md.

##サンプルコード demo

##使い方

  • jQuery本体と、[jquery.simpleValidation]を読み込みます。
  • 要素をセレクタで指定して実行
    下記はformにclass="simpleValidation"を指定し、クラスセレクタで実行した場合。
$(function() {
  $('.simpleValidation').simpleValidation();
});

  • 必須項目(textarea,[type='text'],[type='email'],[type='password']の場合)
    必須にしたい要素にclass="validation-required"を指定します。

  • 必須項目([type="radio"],[type="checkbox"]の場合)
    複数のラジオ・チェックボックスをdivなどでグループ化し、
    ラジオの場合、class="validation-group validation-required validation-group--radio"を指定します。
    チェックボックスの場合、class="validation-group validation-required validation-group--checkbox"を指定します。
    そして、適当な要素で見出しをマークアップし、class="validation-group__heading"を指定します。

  • CSSに関しては、[fsimpleValidation.css]に最低限のスタイルを記述していますが、適宜ご準備ください。
    また、[example.html]ではbootstrapを使用していますが、必須ではありません。