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

 更新时间:2023年08月06日 09:11:26   投稿:yin  
fastAdmin表单验证validate的错误提示,默认是在右侧的n-right,如果放在右侧不太好看,想调整到其他位置,该怎么操作呢?

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表单的错误提示位置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • fastAdmin表单验证validate的错误提示信息,如何改变位置?

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

    fastAdmin表单验证validate的错误提示,默认是在右侧的n-right,如果放在右侧不太好看,想调整到其他位置,该怎么操作呢?
    2023-08-08
  • zblogphp使用GetArticleList、GetList函数调用热门文章列表

    zblogphp使用GetArticleList、GetList函数调用热门文章列表

    ZBLOG PHP文章的时候会用到最新文章、点击数、评论数文章调用,在Zblog php 1.7版本以前使用GetArticleList函数,但之后,GetList函数增加where_custom、order_custom等多个重要参数,从而可以轻易地调用热门文章、热评文章或随机文章等列表了。
    2022-12-12
  • wordpress 12个数据表结构和字段说明

    wordpress 12个数据表结构和字段说明

    WordPress安装的时候数据库会有12个默认的数据表,每张表的数据都包含了 WordPress 不同的功能。看看这些表的结构,你能很容易的了解网站不同的部分都是存在哪里的。这篇文章主要介绍了wordpress 12个数据表结构和字段说明,需要的朋友可以参考下
    2023-04-04
  • Fastadmin中JS的调用方法原理讲解

    Fastadmin中JS的调用方法原理讲解

    FastAdmin的前端部分使用或涉及到主要是RequireJS,jQuery,AdminLTE,Bower,Less,CSS。其中RequireJS主要是用于JS的模块化加载。
    2022-12-12
  • zblogphp、Z-Blog PHP数据库结构及表中的字段详细说明

    zblogphp、Z-Blog PHP数据库结构及表中的字段详细说明

    如果你是一位开发者,你一定知道Zblog-PHP。它是一款非常流行的开源博客系统,许多人使用它来创建自己的博客。在使用Zblog-PHP的过程中,你可能会遇到一些数据库字段,这些字段可能会导致一些困惑。因此,在本文中,我们将详细解释Zblog-PHP数据库字段的含义和作用。
    2023-03-03
  • 帝国cms所有的数据库表结构和字段说明

    帝国cms所有的数据库表结构和字段说明

    帝国CMS也是比较有名气的,基本上没有出现安全问题。但是帝国CMS后台的逻辑和布局,感觉太复杂。如果我们需要会员或者下载等交互功能,这一点的扩展上帝国是有优势的。这篇文章主要介绍了帝国cms所有的数据库表结构和字段说明,需要的朋友可以参考下。
    2023-04-04
  • fastadmin使用学习中的常见问题汇总

    fastadmin使用学习中的常见问题汇总

    fastadmin是thinkPHP开发框架整合了很多插件和技术,后台的前端页面使用Bootstrap,还有RequireJs。总的来说,需要开发者前后端全栈技术程度较高,当然也要看使用学习时间长短,毕竟熟能生巧。这篇文章主要介绍了fastadmin使用学习中的常见问题汇总
    2022-12-12
  • PHPWIND 5.3 运行代码 功能实现代码

    PHPWIND 5.3 运行代码 功能实现代码

    天架设了一个PHPWIND的论坛,想着要弄个运行代码的功能出来,不过我只懂点ASP,又没接触过PHP,想着看看有没前人树,咱乘下凉就是了。查了下,发现只有老版本的插件可以实现这个功能。
    2009-06-06
  • 解决dotproject的两个小bug的方法

    解决dotproject的两个小bug的方法

    继续深入使用dotproject,发现两个小bug,国内的论坛这些问题是找不到了,只有到dotproject官方论坛去找找,问题终获解决。
    2008-11-11
  • 易优eyoucms数据表结构和字段说明(数据字典)

    易优eyoucms数据表结构和字段说明(数据字典)

    EyouCms是基于TP5.0框架为核心开发的免费开源的企业内容管理系统,易优基本包含了一个常规企业网站需要的一切功能。这篇文章主要介绍了易优eyoucms数据表结构和字段说明(数据字典),需要的朋友可以参考下
    2023-04-04

最新评论