【jQuery】validationengine.jsのエラー位置の設定

jQueryで動作するvalidationengine.jsは便利ですが、
エラーの表示位置がデフォルトだと「右上」で、スマホなど幅の狭いデザインでは少し問題が起きてしまいます。

エラーの表示位置を「左上」もしくは「左下」にすると問題は解消されます。

デフォルト(「右上」)

$(function() {
jQuery("#form1").validationEngine();
});

「左上」に設定する

$(function() {
jQuery("#form1").validationEngine(
'attach', {
promptPosition: "topLeft"
}
);
});

「左下」に設定する

$(function() {
jQuery("#form1").validationEngine(
'attach', {
promptPosition: "bottomLeft"
}
);
});

参考:
https://www.rootstyledesign.com/blog/「validationengine.js」でフォームの入力をチェックする

関連記事

コメントを残す

*