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」でフォームの入力をチェックする