JS Form Validator

JavaScript

HTMLフォームの検証を簡単に実装できる「JS Form Validator」

JS Form ValidatorはHTMLフォームの検証を簡単に実装することができます。JQueryを必要とせず、純粋なJavaScriptを使ったバリデーションになります。ユーザーによって入力されたデータの正当性をチェックできる機能をサクッと取り入れたい人には最適です。

JS Form Validator

デモ

デモでは1〜3の全部で3つのサンプルが用意されています。例えば、1のSIMPLE FORMでは、名前、メールアドレス、パスワードの項目を検証してくれます。全てを正しく入力しないと、下にある「Create account」ボタンをクリックできない仕組みです。

データを送信する前に入力されたデータの正当性をしっかり検証してくれるので、入力ミスも軽減できますね。ユーザーとサイト運営者の双方にとって便利な機能といえます。

また、jQueryなどをわざわざ読み込む必要もなく、JSを用いて簡単に実装できるのもうれしいポイントの1つです。

セッティングできる項目には、onAir、showErrors、autoHideErrors、autoHideErrorsTimeout、errorClassName、removeSpaces、autoTracking、locale、messages、rulesがあります。

他にもLIST OF RULESやAPIもいろいろ用意されているので、自分好みのバリデーション機能に仕上げていけると思います。シンプルながらも優れたカスタマイズ性も備えた「JS Form Validator」で、効率的にバリデーション機能を実装してみてはいかがですか?

JS Form Validator

no-imageアクセシブルなカルーセルシステムを実装できる「jQuery Accessible Carrousel using ARIA」前のページ

水平スクロールでテキストが流れていくマーキー実装「hMarquee」次のページno-image

関連記事

  1. zoomwall.js

    JavaScript

    高さを揃えたグリッドレイアウトのLightbox系イメージギャラリー「zoomwall.js」

    zoomwall.jsは高さを揃えたグリッドレイアウトを実装することが…

  2. Simple HTML Menu

    JavaScript

    モバイルにもピッタリなレスポンシブ対応のメニュー実装「Simple HTML Menu」

    Simple HTML Menuは、モバイルにもピッタリなレスポンシブ…

  3. TextTailor.js

    JavaScript

    コンテナ内のフォントサイズを自動リサイズしてくれるjQueryプラグイン「TextTailor.js…

    TextTailor.jsはブラウザ幅に合わせてコンテナ内のテキストの…

  4. Tiny slider
  5. jQuery-Simple-MobileMenu

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP