タグ

jQueryとバリデーションに関するakira_maruのブックマーク (2)

  • jQuery Validation Engineを利用する - Qiita

    そもそもvalidation engineってなに? form周りで便利なjQueryプラグイン。オープンソースで開発されている。ソースは以下のレポジトリから取得します。 https://github.com/posabsolute/jQuery-Validation-Engine フォームの正確なエラー判定は、実際にSubmitした後にシステム側でバリデーションして貰えばいい。 しかしそうすると、「え、年月日は半角じゃないとだめなの?」とか、不必要なストレスをユーザーに与える恐ればあり、UXの質が下がる。 またサブミットがされないようjsで制御する必要も出てくるし、submitをフックにその他いろいろなjsがあれば、干渉する可能性もある。 それが回避できても、すべてのモダンブラウザで入力した全データを(エラー後も)そのまま残すのはハードルが高い。 もし失敗してしまえば、ユーザーにとっては

    jQuery Validation Engineを利用する - Qiita
  • 2/5 jQueryで簡単!フォームをリアルタイムで入力チェック [ホームページ作成] All About

    jQueryで簡単!フォームをリアルタイムで入力チェック(2ページ目)ウェブ上のフォームでは、JavaScriptでリアルタイムに入力チェックし、その場でエラー表示のバルーンを出せると便利。jQuery-Validation-Engineを使えば、入力文字列や選択内容が指定条件(複数項目の組み合わせも可)を満たしているかどうかを入力と同時に確認し、ミスがあればエラーメッセージを吹き出しの形で表示可能。送信前に自動で入力チェックされる使いやすいフォームの作り方を解説。 jQuery-Validation-Engineを入手して読み込む方法2通り まずは、jQuery-Validation-Engineを使うための準備をしましょう。おすすめなのは、CDNから読み込む方法です。CDNから読み込めば、自サイト上には何も設置することなく簡単に利用できます。一方、ソースを自力でカスタマイズしたい場合は

    2/5 jQueryで簡単!フォームをリアルタイムで入力チェック [ホームページ作成] All About
  • 1