推奨jQueryプラグインシリーズ-フォーム検証formValidator
2755 ワード
各種BSアーキテクチャのシステムを開発する時、フォーム検証は各システム、ウェブサイトがしなければならないことであり、クライアントでユーザーの入力を遮断し、選択が合法かどうかを選択し、サービス側に対する圧力を低減することもユーザー体験を増加させ、一般的には簡単に必ず負けたかどうかを検証し、あるいは必ず選択したかどうかを検証する.登録時にユーザー名が重複しているかどうかをリアルタイムで検証するなど、複雑な点があります.
帳簿管理システムを開発する時から自分で会社のプロジェクトの中で書いた1つの検証方法を使いたいと思っていますが、後で感じの機能が単調すぎて、システムの要求を満たすことができますが、ユーザーの体験がよくなくて、すべてのエラーのヒントはすべて使用するalertの方式のヒントユーザーで、しかもリアルタイムの検証の機能がなくて、最終的に放棄しました;そしてjQuery公式サイトプラグインで検証に関するプラグインを検索し、さっき言ったいくつかの機能が満たされなければなりません.いくつか探して最終的にformValidatorを選択しました.以下はプラグインの公式サイトから抜粋します.
このプラグインの他のチェックコントロールでの最大の違いは3点です.
1、検査機能は拡張できる.中国語、英語、数字、整数、実数、Emailアドレスフォーマット、HTTPプロトコルに基づくURLフォーマット、電話番号フォーマット、携帯電話番号フォーマット、通貨フォーマット、郵便番号、身分証明書番号、QQ番号、日付などの制御に対して、他のフォーム検証コントロールはコードに書かれているが、formValidatorは外部jsファイルを通じて拡張されている.正規表現と関数を書くことで、これらの機能を無限に拡張することができます.
2.htmlコードからの検証コードの完全な分離を実現した.すべての情報は検証フォーム要素に構成する必要はありません.jsで情報を構成するだけです.美工(インタフェース)とjavascriptエンジニアの仕事を織り交ぜないようにする
3、コードを1行書くだけでフォーム要素のすべてのチェックを完了できます.コードを1行書くだけですべての制御を完了できますは、すべてのタイプのクライアントコントロールの検証 をサポートする.はjQueryのすべてのセレクタ構文をサポートし、コントロールに一意のIDとtype属性がある限り をサポートする.は、関数および正規表現の拡張をサポートします.拡張ライブラリformValidatorRegを提供する.jsは、中の内容を自由に追加、修正することができます. では、2つのチェックモードがサポートされています.1つ目は、文字ヒント(showwordモード);2つ目:ポップアップウィンドウプロンプト(showalertモード) は、複数の検証グループをサポートします.1つのページに複数のコミットボタンがある場合は、それぞれ異なるコミットを行い、コミット前に異なる検証を行うため、検証グループの機能を使用する必要があります. は4つの状態の情報提示機能をサポートし、4つの状態が表示されるかどうかを柔軟に制御することができる.1つ目は、Webページを開いたばかりのときにヒントを与えることです.2つ目は、フォーカスを取得したときにヒントを与えることです.第三種類:焦点を失った時、検査に成功した時のヒント;4つ目:フォーカスが失われた場合、チェックに失敗したエラーメッセージ. は、自動構築プロンプトレイヤをサポートします.正確な位置決めが可能です. は、カスタムエラーメッセージをサポートします. は、コントロールの文字長、値範囲、選択個数の制御をサポートします.値範囲は数値型と文字型をサポートします.選択された個数はradio/checkbox/selectの3つのコントロール をサポートする.は、2つのコントロール値の比較をサポートします.文字列と数値型を比較できるようになりました. は、サーバ側の検証をサポートします. は、入力フォーマットの検証をサポートします.
皆さんはformValidatorの公式サイトに行って具体的な効果とその使用方法を見ることができて、夜7時以降に私の帳簿管理システムの中の実際の応用効果にアクセスしてみんなの参考にすることができます
しかし、現在jQueryのバージョンは1.3に更新され、1.1と1.2のバージョンで@書き方が破棄されています.例えば、選択されたradioを1.1または1.2のバージョンでこのように書くことができます.
しかし1.3ではこのように書くことはできません.1.3の書き方:
そのため、私がこの間1.3バージョンに更新すると問題が発生しました.私が修正したバージョンをアップロードして、皆さんにダウンロードしてもらいました.
帳簿管理システムを開発する時から自分で会社のプロジェクトの中で書いた1つの検証方法を使いたいと思っていますが、後で感じの機能が単調すぎて、システムの要求を満たすことができますが、ユーザーの体験がよくなくて、すべてのエラーのヒントはすべて使用するalertの方式のヒントユーザーで、しかもリアルタイムの検証の機能がなくて、最終的に放棄しました;そしてjQuery公式サイトプラグインで検証に関するプラグインを検索し、さっき言ったいくつかの機能が満たされなければなりません.いくつか探して最終的にformValidatorを選択しました.以下はプラグインの公式サイトから抜粋します.
このプラグインの他のチェックコントロールでの最大の違いは3点です.
1、検査機能は拡張できる.中国語、英語、数字、整数、実数、Emailアドレスフォーマット、HTTPプロトコルに基づくURLフォーマット、電話番号フォーマット、携帯電話番号フォーマット、通貨フォーマット、郵便番号、身分証明書番号、QQ番号、日付などの制御に対して、他のフォーム検証コントロールはコードに書かれているが、formValidatorは外部jsファイルを通じて拡張されている.正規表現と関数を書くことで、これらの機能を無限に拡張することができます.
2.htmlコードからの検証コードの完全な分離を実現した.すべての情報は検証フォーム要素に構成する必要はありません.jsで情報を構成するだけです.美工(インタフェース)とjavascriptエンジニアの仕事を織り交ぜないようにする
3、コードを1行書くだけでフォーム要素のすべてのチェックを完了できます.コードを1行書くだけですべての制御を完了できます
皆さんはformValidatorの公式サイトに行って具体的な効果とその使用方法を見ることができて、夜7時以降に私の帳簿管理システムの中の実際の応用効果にアクセスしてみんなの参考にすることができます
しかし、現在jQueryのバージョンは1.3に更新され、1.1と1.2のバージョンで@書き方が破棄されています.例えば、選択されたradioを1.1または1.2のバージョンでこのように書くことができます.
alert($(":radio[@checked]").length);
しかし1.3ではこのように書くことはできません.1.3の書き方:
alert($(":radio:checked").length);
そのため、私がこの間1.3バージョンに更新すると問題が発生しました.私が修正したバージョンをアップロードして、皆さんにダウンロードしてもらいました.