526互联

fastAdmin 修改表单验证错误提示信息位置

发布时间 2023-06-05 10:15:11作者: 温柔的风

原先效果：

 觉得在右侧不太好看，另外假如布局设置一行两块表单，那么会影响效果。

解决方案

找到 \public\assets\js\require-form.js 大概在 15 行左右

//绑定表单事件
form.validator($.extend({
    validClass: 'has-success',
    invalidClass: 'has-error',
    bindClassTo: '.form-group',
    formClass: 'n-default n-bootstrap',
    msgClass: 'n-bottom', // 只修改了这个属性, 由原来的 "n-right" ==> "n-bottom"
    stopOnError: true,

提示语可能会和下一行的input 重合, 修改提示语 css 样式. \public\assets\libs\nice-validator\dist\jquery.validator.css 大概在 140 行左右，可以先看看效果，不满意就修改。

.n-bottom .msg-wrap {
    margin-top: 2px; // 修改了下间距, 由原来的 "6px" ==> "2px"
}