脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网站技巧 → 整站程序 → 其它CMS → 改变fastAdmin表单的错误提示位置

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

您可能感兴趣的文章:

相关文章

  • DownPlus 安全补丁 2008-12-12 附修改方法

    DownPlus 安全补丁 2008-12-12 附修改方法

    DownPlus 安全补丁 2008-12-12 修正内容: 修正query.asp的跨站脚本漏洞.
    2008-12-12
  • S-CMS企建v3二次SQL注入的方法

    S-CMS企建v3二次SQL注入的方法

    这篇文章主要介绍了S-CMS企建v3二次SQL注入的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • 如何安全修改隐藏Zblogphp默认后台登录地址

    如何安全修改隐藏Zblogphp默认后台登录地址

    目前ZBlogPHP站点后台的登录地址默认都是/zb_system/login.php或/zb_system/cmd.php?act=admin，从源代码里很容易看出使用了ZBlogPHP系统，容易被别有用心的人暴力破解。对于这种情况，最好的办法就是修改/隐藏我们的后台登录地址。
    2023-04-04
  • 帝国cms所有的数据库表结构和字段说明

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

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

    十二个常见的PHP+MySql类免费CMS系统

    整理的12个，网上比较流行的cms建站程序
    2008-12-12
  • zblogphp、Z-Blog PHP数据库结构及表中的字段详细说明

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

    如果你是一位开发者，你一定知道Zblog-PHP。它是一款非常流行的开源博客系统，许多人使用它来创建自己的博客。在使用Zblog-PHP的过程中，你可能会遇到一些数据库字段，这些字段可能会导致一些困惑。因此，在本文中，我们将详细解释Zblog-PHP数据库字段的含义和作用。
    2023-03-03
  • zblogphp使用GetArticleList、GetList函数调用热门文章列表

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

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

    易优eyoucms数据表结构和字段说明（数据字典）

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

    解决dotproject的两个小bug的方法

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

    phpcms数据表结构和字段详细说明

    PHPCMS V9可以轻松承载百万级的访问数据,最大的功臣就是PHPCMS良好的数据库结构。学习一下PHPCMS的数据库结构。数据表的默认表前缀是V9_ ,表前缀的主要作用是数据库中有不同系统的数据表存在时，可以用表前缀来区分出来。
    2023-04-04

最新评论