jquery_jquery に基づくサーバー検証制御のコードの有効化と無効化-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 18:28:33

オリジナル

1093 人が閲覧しました

アプリの背景

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

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

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

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

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

問題: ユーザーが [次へ] をクリックすると、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() です。事例を見ただけではよく分からないこともあり、実際にやってみることでより深い感動が得られることもあります。