fastAdmin表单验证validate的错误提示信息，如何改变位置？

fastAdmin表单验证validate的错误提示，默认是在右侧的n-right。如果放在右侧不太好看，想调整到其他位置，该怎么操作呢？

表单验证validate的错误提示变动位置

修改require-form.js默认设置

找到 \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-right', // 修改这个属性, 由原来的 "n-right" ==> "n-bottom"
    stopOnError: true,

msgClass: 'n-right'，这个属性对应设计好的样式，n-right指居右。还有n-top,n-bottom,n-left可以选择。

修改提示语 css 样式

提示语可能会和下一行的input 重合，需要修改提示语 css 样式。\public\assets\libs\nice-validator\dist\jquery.validator.css 大概在 140 行左右

.n-bottom .msg-wrap {
    margin-top: 5px; // 修改间距, 比如改为"5px"
}

根据效果调整。

提示信息调整到对应文本框内（进阶）

在购买数量input输入框下面贴下面这个代码

<span class="msg-box n-right" style="display: none"></span>

修改css样式msg-box，调整定位。

到此这篇关于fastAdmin表单验证validate的错误提示信息，如何改变位置？的文章就介绍到这了,更多相关改变fastAdmin表单的错误提示位置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！