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" }