jquery_jquery に基づくサーバー検証制御のコードの有効化と無効化

アプリの背景

1. ユーザーがフォームに記入する必要がある場合。
2. このページではサーバー検証制御が使用されています。
3. ユーザーは、以下に示すように、追加の項目の表示と非表示を制御できます。

「サービス コンテンツの追加」をクリックすると、以下に示すように新しいフォーム項目が表示されます。

新しく追加されたフォーム項目を非表示にするには、[追加をキャンセル] をクリックします。

問題: ユーザーが [次へ] をクリックすると、Display=none の新しいエリア フォームが検証されません。ユーザーが [追加のキャンセル] をクリックすると、サーバー検証コントロールを無効にする必要があります。それ以外の場合は、サーバー認証制御を有効にします。

解決策

JQuery を使用してみましょう。主に、JQuery は非常に使いやすいためです。

1. 無効にする検証コントロールを出力します。

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

var ValidatorControls = new Array('RequiredFieldValidatorName','RequiredFieldValidatorID ');

2. 検証はデフォルトで無効になっています。

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

for(var i = 0; i < ; ValidatorControls.length; i ){ValidatorEnable($("#" ValidatorControls[i]).get(0), false);}

3. [サービス コンテンツの追加] をクリックすると検証が有効になります。 。

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

for(var i = 0; i < ; ValidatorControls.length; i ){ValidatorEnable($("#" ValidatorControls[i]).get(0), true);}

4.

概要

実際、コア関数は ValidatorEnable() です。事例を見ただけではよく分からないこともあり、実際にやってみることでより深い感動が得られることもあります。