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

本文主要讲解关于fastAdmin表单验证validate的错误提示信息，如何改变位置？相关内容，由优网导航（www.uonce.com）提供，欢迎关注收藏本站！

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

站长导航

优网导航旗下汇集全网优质站长工具，一站式站长工具大全导航网站

立即访问

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

修改require-form.js默认设置

找到 publicassetsjsrequire-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可以选择。

AI 工具导航

优网导航旗下AI工具导航，精选全球千款优质 AI 工具集

立即访问

修改提示语 css 样式

提示语可能会和下一行的input 重合，需要修改提示语 css 样式。publicassetslibsnice-validatordistjquery.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表单的错误提示位置内容请搜索优网导航以前的文章或继续浏览下面的相关文章希望大家以后多多支持优网导航！

相关推荐: 写给前端工程师的Web前端性能优化的10点建议

本文主要讲解关于写给前端工程师的Web前端性能优化的10点建议相关内容，由优网导航（www.uonce.com）提供，欢迎关注收藏本站！1、 减少HTTP请求 在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问…