jQuery-Validation-Engineのエラー位置ポップアップが非表示フィールドに表示される

2年 ago
海斗, 葵
1 minute

jQuery-Validation-Engine プラグインを隠されたフィールドに使用して、エラーの位置のポップアップ ウィンドウを表示するには、以下の手順を実行します。

  1. まずjQueryとjQuery-Validation-Engineプラグインのライブラリファイルを導入していることを確認します。これらは公式サイトからダウンロードして導入できます。
  2. 隠しフィールドの上にエラーメッセージを表示するためエラーヒントボックスを追加します。エラーヒントボックスとして 要素やその他の適切な HTML 要素を使用できます。
<input type="hidden" id="myHiddenField">
<span id="myErrorContainer"></span>
  1. 自然言語的な日本語に言い換えてください。1つのオプションのみ必要です。:promptPosition
$(document).ready(function() {
$("#myHiddenField").validationEngine({
promptPosition: "bottomRight",
showPrompts: true,
addPromptClass: "formError-small"
});
});

この例では、エラープロンプトボックスを隠しフィールドの右下に表示し、formError-small クラスを使用してエラープロンプトボックスのスタイルを設定します。

  1. バリデーションエンジン
$("#myHiddenField").validationEngine('validate');

非表示フィールドのバリデーションが発火し、エラーが発生するとエラーヒントが表示されます。

検証がいつ実行され、エラーがどのように処理されるかを制御するための追加のロジックは、非表示フィールドの検証で必要になることがあります。ニーズに合わせて調整してください。

bannerAds