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

原先效果:

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

解决方案

找到 \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"
}

 

posted @ 2023-06-05 10:06  温柔的风  阅读(401)  评论(0编辑  收藏  举报