ASP.NET jQuery 例 11 jQuery 検証プラグイン_jquery を使用したユーザー ログイン ページ検証機能の簡単な実装

簡単に言うと、jQuery 検証プラグインは、フォーム内の要素によって入力されたコンテンツがビジネス ルールを満たしているかどうかを検証するために使用されます。満たしていない場合は、ユーザー定義のプロンプト情報を提供できます。このプラグインには、コンテンツが空かどうか、コンテンツの長さが指定された値を満たしているかどうかの検証など、デフォルトでいくつかの検証ルールがあるだけでなく、ユーザーに応じてビジネス ルールをカスタマイズしたり、エラー メッセージを表示したりすることもできます。ユーザーの要求に応じてカスタマイズできます。このプラグインの機能は本当に強力なようで、使うのが待ちきれません。さて、まずは使い方の紹介から始めましょう。
jQuery 検証プラグインのダウンロード アドレス: http://plugins.jquery.com/project/validate
このプラグインを使用するには、メソッド validate({options}) を使用する必要があります。 🎜>それでは、まず、プラグインがよく使用するオプションを簡単に見てみましょう:
•rules: キー/値で構成されます。ここで、キーはフォーム要素 ID に等しく、値は、フォーム要素 ID に等しいビジネス ルールを表します。 form 要素のコンテンツは満たす必要があります。
•メッセージ: キー/値で構成されます。キーはフォーム要素 ID に等しく、値はフォーム要素のコンテンツが特定のビジネス ルールを満たしていないために表示する必要があるコンテンツを表します。
•errorLabelContainer: エラー情報を入れるページに定義されているコンテナ要素を指定します。
•errorContainer: errorLabelContainer 内のメインコンテンツ領域を表します。
•wrapper: errorLabelContainer 要素内にエラー情報をラップする要素を定義することを意味します。
•onsubmit: フォームを送信する前に検証します。 false に設定すると、他のイベントを追加して検証できます。
•ハイライト: 無効な入力のあるコンテンツ領域をハイライトします。
• ハイライト解除: 元のハイライトされた領域を復元します。
----------------------------------------------- --- ----------------------------------
ここで、ユーザーのログイン ページ検証の実装を簡単に開始します。 jQuery 検証プラグインを使用して 機能:
1. プラグインを導入します:

コードをコピーします コードは次のとおりです

="Scripts/jquery.validate.js" type=" text/javascript"> インターフェイス


2. スタイルを追加します:

コードをコピーします コードは次のとおりです:

3.




コードをコピー

コードは次のとおりです:

ログインユーザー ;


"colspan="2">
runat="サーバー" Text="リセット" />

	/td>

4. 🎜>
コードをコピー


コードは次のとおりです:

これでユーザー名とパスワードが入力され、パスワードの長さは 4 桁になります。表示インターフェイスは次のとおりです。

ログイン ユーザー認証機能を実装するだけで、プラグインについての予備的な理解が得られます。次の章では、プラグインについて詳しく説明します。