5。煙

Smokeは、フォームバリデーターを含むブートストラップ用のコンポーネントのコレクションです。他のBootstrap Validator（＃4）と比較して、ネイティブブラウザー検証は使用しません。したがって、エラーメッセージは自動的にローカライズされておらず、HTML5およびデータ屬性、およびJavaScriptを使用して検証ルールを指定する必要があります。 CodepenのSitePoint（@SitePoint）によるペンスモークフォーム検証プラグインデモを參照してください。

ウェブサイト ソースコード

8。 validetta

このプラグインは、オプションが非常に限られているデータ屬性を使用して検証を提供します?；镜膜蕳试^ルールだけが付屬しており、他のすべてはカスタムの正規(guī)表現(xiàn)で追加できますが、それを?qū)g証する例はありません。他のプラグインと比較して、唯一のユニークな機(jī)能は、エラーメッセージがバブルに表示されることです（以下のデモを參照）。 ウェブサイト ソースコード

9。 jQuery.Alidity

JavaScriptのみを使用して検証を制御するためのプラグイン - HTML5またはデータ屬性はありません。これは動的検証ルールに役立つ場合がありますが、プラグインはライティングを効率的にするのに十分なオプションを提供していません。電子メールのような新しいHTML5タイプの屬性を使用することも許可されておらず、成功メッセージを表示するためにフォームが有効であるかどうかを確認(rèn)する関數(shù)を提供しません。 ウェブサイト ソースコード

10。 h5validate

このプラグインは、殘念ながらその作成者（Eric Elliott）によって放棄されています。その結(jié)果、デモ/ドキュメンテーションのWebサイトは404を返し、20個のオープンな問題があります。プラグインはタイプごとに入力を自動的に検証せず、次の例ではエラーメッセージが表示されません。エリックがプロジェクトの新しいメンテナーを探しているので、私たちはそれをリストに含めました。そのため、將來のある時點(diǎn)で、それがそれに息を吹き込む可能性があります。 ソースコード

結(jié)論

まあ、それは人気のあるjQueryフォーム検証プラグインのトップ10リストです。これらの経験がある場合（良いか悪いか！）、または他のフォーム検証プラグインを言及する価値があることがわかっている場合は、コメントでお知らせください！

jQueryフォーム検証プラグインに関するよくある質(zhì)問（FAQ）

jQueryフォーム検証プラグインとは何ですか？

jQueryフォーム検証プラグインは、Webページのフォームフィールドに入力されたデータの検証に役立つツールです。ユーザーが入力したデータが、サーバーに送信される前に、ユーザーが入力したデータが正しく、必要な形式であることを保証します。これらのプラグインは、高速で、小さく、機(jī)能が豊富なJavaScriptライブラリであるjQueryを使用して構(gòu)築されています。フォームフィールドを検証する簡単で効率的な方法を提供し、必要な手動コーディングの量を減らします。

jQueryフォーム検証プラグインはどのように機(jī)能しますか？

jQueryフォーム検証プラグインは、特定の事前定義されたルールに対してフォームフィールドに入力されたデータをチェックして動作します。これらのルールには、必要なフィールドのチェック、有効な電子メールアドレス、一致するパスワード、入力の最小および最大の長さなどが含まれます。入力されたデータがこれらのルールを満たしていない場合、プラグインはエラーメッセージを表示し、エラーが修正されるまでフォームが送信されるのを防ぎます。 jQueryフォーム検証プラグインを使用すると、フォーム検証のプロセスを大幅に簡素化できます。彼らは、各フォームフィールドを個別に検証するために複雑なJavaScriptコードを作成する必要がないことを救います。また、さまざまなブラウザやデバイスでフォーム検証を処理するための一貫した方法を提供します。さらに、エラーに関する即時フィードバックを提供し、ユーザーがフォームを送信する前に修正できるようにすることでユーザーエクスペリエンスを改善します。 jQueryフォーム検証プラグインでは、最初にjqueryライブラリをWebページに含める必要があります。次に、プラグインをダウンロードして、スクリプトタグを使用してWebページに含めることができます。一部のプラグインは、エラーメッセージをスタイリングするために追加のCSSファイルを含める必要がある場合があります。エラーメッセージをカスタマイズできます。メッセージのテキスト、表示されるスタイル、さらにはそれらが書かれている言語を変更できます。これにより、エラーメッセージを特定のニーズとユーザーの言語と文化に合わせて調(diào)整できます。JQueryフォーム検証プラグインは、すべてのブラウザーと互換性がありますか？ JavaScriptとjQueryをサポートするすべての最新のブラウザと互換性があります。ただし、互換性のレベルは、異なるプラグインと同じプラグインの異なるバージョン間で異なる場合があります。さまざまなブラウザのプラグインをテストして、期待どおりに機(jī)能することを確認(rèn)することをお勧めします。同じWebページで複數(shù)のjQueryフォーム検証プラグインを使用することができますが、通常は推奨されません。複數(shù)のプラグインを使用すると、競合が発生する可能性があり、Webページのロードと応答が遅くなる可能性があります。通常、すべてのニーズを満たし、それに固執(zhí)する1つのプラグインを選択する方が良いです。プラグインの最新バージョンをダウンロードし、古いファイルを新しいファイルに置き換えます。一部のプラグインは、最新バージョンを自動的にダウンロードしてインストールする更新機(jī)能を提供する場合があります。

他のJavaScriptライブラリを使用してjQueryフォーム検証プラグインを使用できますか？

はい、jQueryフォーム検証プラグインは他のJavaScriptライブラリで使用できます。ただし、図書館間の競合を避けるために注意する必要があります。 jQueryは、$シンボルを使用する他のライブラリでjQueryを使用できるようにするnoconflict関數(shù)を提供します。フォーム検証プラグイン。これらには、AngularJやReactなどの他のJavaScriptフレームワークのネイティブHTML5フォームの検証、サーバー側(cè)の検証、および検証ライブラリが含まれます。ただし、jQueryフォーム検証プラグインは、使いやすさと幅広い機(jī)能のために、依然として人気のある選択肢です。