フォームをバリデーションするのにオススメのjQueryプラグイン 9選

このエントリーをはてなブックマークに追加

フォームをバリデーションするのにオススメのjQueryプラグイン 9選

jQueryでバリデーションできるプラグインをいくつか紹介します。結構おしゃれなのもあるし、Bootstrapからも出てるんですね。知らなかった!3、4年前くらいに一回調べてみたことあったんですけど、こんなに種類なかったような記憶が。

Smoke

http://alfredobarron.github.io/smoke/#/

  • GitHub Star: 365
  • GitHub Fork: 60

割とオーソドックスなバリデーションです。

Validetta – A tiny jquery plugin for validate forms

http://lab.hasanaydogdu.com/validetta/

  • GitHub Star: 130
  • GitHub Fork: 25

エラーメッセージが吹き出しで出ます。

Guardian 1.0

http://jquery.michaeleisenbraun.com/guardian/

  • GitHub Star: 35
  • GitHub Fork: 13

あまり人気なさそう。最終コミットも1年前ですね。

Formance.js by Omar Shammas

http://omarshammas.github.io/formancejs

  • GitHub Star: 665
  • GitHub Fork: 597

forkしている人も多いので良さそう!!

Validator, for Bootstrap 3

http://1000hz.github.io/bootstrap-validator/

  • GitHub Star: 1533
  • GitHub Fork: 730

Parsley – The ultimate JavaScript form validation library

http://parsleyjs.org/

  • GitHub Star: 7483
  • GitHub Fork: 1178

かなり自由度が高そうな感じ。てか圧倒的なStarとForkの数!!

jQuery Form Validator

http://www.formvalidator.net/index.html

  • GitHub Star: 664
  • GitHub Fork: 303

A jQuery inline form validation, because validation is a mess

http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

  • GitHub Star: 2354
  • GitHub Fork: 1206

The best jQuery validation plugin to validate form fields, support Bootstrap, Foundation, Pure, SemanticUI, UIKit frameworks – FormValidation

http://formvalidation.io/

お金かかるみたいです。無料でやりたいのなら他の探した方がいいのかもですね。

オススメの本



作りながら学ぶjQueryデザインの教科書

美しいUI/UXを実現する技術が必ず身につくレスポンシブ対応のUI/UXを実現する技術が身につくすぐに使える実用サンプルを作り、動かしながら、学習。jQueryのワンランク上の書き方が、この一冊で学べます。

イチマルニデザインブログをフォローしよう

イチマルニデザインブログではTwitterアカウントでWebに関する情報をつぶやいています。フォローすることで最新情報をすぐに受け取ることができます

いいなと思ったらシェアお願いします

このエントリーをはてなブックマークに追加

同じカテゴリーの記事

ページの先頭へ