FastAdmin changes the position of the form validation error message from Right to Top or Bottom

background

Use fastadmin automatically generated form forms that involve multiple levels of linkage. Confusion over the location of the verification prompt. As shown in figure

The solution

• Find \public\assets\js\require-form.js at about 15 lines

  $. Extend ({validClass: 'has-success', invalidClass: 'has-error', bindClassTo: '.form-group', formClass: 'n-default n-bootstrap', msgClass: "N-right" ==> "n-bottom" stopOnError: true,Copy the code

• \public\ Assets \libs\nice-validator\dist\jquery.validator. CSS: \public\ Assets \nice- Validator \dist\jquery. Can be changed or not)

  .n-bottom .msg-wrap { margin-top: 2px; // Change the spacing from "6px" ==> "2px"}Copy the code

The results of

conclusion

Write bad, still ask everybody big guy, give directions a lot! Communicate more! (hand fist)(hand fist)(hand fist)!

The official documentation