fastAdmin表單驗(yàn)證validate的錯(cuò)誤提示信息,如何改變位置?
fastAdmin表單驗(yàn)證validate的錯(cuò)誤提示,默認(rèn)是在右側(cè)的n-right。如果放在右側(cè)不太好看,想調(diào)整到其他位置,該怎么操作呢?
表單驗(yàn)證validate的錯(cuò)誤提示變動(dòng)位置
修改require-form.js默認(rèn)設(shè)置
找到 \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', // 修改這個(gè)屬性, 由原來(lái)的 "n-right" ==> "n-bottom" ? ? stopOnError: true,
msgClass: 'n-right',這個(gè)屬性對(duì)應(yīng)設(shè)計(jì)好的樣式,n-right指居右。還有n-top,n-bottom,n-left可以選擇。
修改提示語(yǔ) css 樣式
提示語(yǔ)可能會(huì)和下一行的input 重合,需要修改提示語(yǔ) css 樣式。\public\assets\libs\nice-validator\dist\jquery.validator.css 大概在 140 行左右
.n-bottom .msg-wrap { ? ? margin-top: 5px; // 修改間距, 比如改為"5px" }
根據(jù)效果調(diào)整。
提示信息調(diào)整到對(duì)應(yīng)文本框內(nèi)(進(jìn)階)
在購(gòu)買數(shù)量input輸入框下面貼下面這個(gè)代碼
<span class="msg-box n-right" style="display: none"></span>
修改css樣式msg-box,調(diào)整定位。
到此這篇關(guān)于fastAdmin表單驗(yàn)證validate的錯(cuò)誤提示信息,如何改變位置?的文章就介紹到這了,更多相關(guān)改變fastAdmin表單的錯(cuò)誤提示位置內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
fastAdmin表單驗(yàn)證validate的錯(cuò)誤提示信息,如何改變位置?
fastAdmin表單驗(yàn)證validate的錯(cuò)誤提示,默認(rèn)是在右側(cè)的n-right,如果放在右側(cè)不太好看,想調(diào)整到其他位置,該怎么操作呢?2023-08-08zblogphp使用GetArticleList、GetList函數(shù)調(diào)用熱門文章列表
ZBLOG?PHP文章的時(shí)候會(huì)用到最新文章、點(diǎn)擊數(shù)、評(píng)論數(shù)文章調(diào)用,在Zblog?php?1.7版本以前使用GetArticleList函數(shù),但之后,GetList函數(shù)增加where_custom、order_custom等多個(gè)重要參數(shù),從而可以輕易地調(diào)用熱門文章、熱評(píng)文章或隨機(jī)文章等列表了。2022-12-12wordpress?12個(gè)數(shù)據(jù)表結(jié)構(gòu)和字段說(shuō)明
WordPress安裝的時(shí)候數(shù)據(jù)庫(kù)會(huì)有12個(gè)默認(rèn)的數(shù)據(jù)表,每張表的數(shù)據(jù)都包含了?WordPress?不同的功能??纯催@些表的結(jié)構(gòu),你能很容易的了解網(wǎng)站不同的部分都是存在哪里的。這篇文章主要介紹了wordpress?12個(gè)數(shù)據(jù)表結(jié)構(gòu)和字段說(shuō)明,需要的朋友可以參考下2023-04-04zblogphp、Z-Blog PHP數(shù)據(jù)庫(kù)結(jié)構(gòu)及表中的字段詳細(xì)說(shuō)明
如果你是一位開(kāi)發(fā)者,你一定知道Zblog-PHP。它是一款非常流行的開(kāi)源博客系統(tǒng),許多人使用它來(lái)創(chuàng)建自己的博客。在使用Zblog-PHP的過(guò)程中,你可能會(huì)遇到一些數(shù)據(jù)庫(kù)字段,這些字段可能會(huì)導(dǎo)致一些困惑。因此,在本文中,我們將詳細(xì)解釋Zblog-PHP數(shù)據(jù)庫(kù)字段的含義和作用。2023-03-03帝國(guó)cms所有的數(shù)據(jù)庫(kù)表結(jié)構(gòu)和字段說(shuō)明
帝國(guó)CMS也是比較有名氣的,基本上沒(méi)有出現(xiàn)安全問(wèn)題。但是帝國(guó)CMS后臺(tái)的邏輯和布局,感覺(jué)太復(fù)雜。如果我們需要會(huì)員或者下載等交互功能,這一點(diǎn)的擴(kuò)展上帝國(guó)是有優(yōu)勢(shì)的。這篇文章主要介紹了帝國(guó)cms所有的數(shù)據(jù)庫(kù)表結(jié)構(gòu)和字段說(shuō)明,需要的朋友可以參考下。2023-04-04fastadmin使用學(xué)習(xí)中的常見(jiàn)問(wèn)題匯總
fastadmin是thinkPHP開(kāi)發(fā)框架整合了很多插件和技術(shù),后臺(tái)的前端頁(yè)面使用Bootstrap,還有RequireJs??偟膩?lái)說(shuō),需要開(kāi)發(fā)者前后端全棧技術(shù)程度較高,當(dāng)然也要看使用學(xué)習(xí)時(shí)間長(zhǎng)短,畢竟熟能生巧。這篇文章主要介紹了fastadmin使用學(xué)習(xí)中的常見(jiàn)問(wèn)題匯總2022-12-12PHPWIND 5.3 運(yùn)行代碼 功能實(shí)現(xiàn)代碼
天架設(shè)了一個(gè)PHPWIND的論壇,想著要弄個(gè)運(yùn)行代碼的功能出來(lái),不過(guò)我只懂點(diǎn)ASP,又沒(méi)接觸過(guò)PHP,想著看看有沒(méi)前人樹(shù),咱乘下涼就是了。查了下,發(fā)現(xiàn)只有老版本的插件可以實(shí)現(xiàn)這個(gè)功能。2009-06-06易優(yōu)eyoucms數(shù)據(jù)表結(jié)構(gòu)和字段說(shuō)明(數(shù)據(jù)字典)
EyouCms是基于TP5.0框架為核心開(kāi)發(fā)的免費(fèi)開(kāi)源的企業(yè)內(nèi)容管理系統(tǒng),易優(yōu)基本包含了一個(gè)常規(guī)企業(yè)網(wǎng)站需要的一切功能。這篇文章主要介紹了易優(yōu)eyoucms數(shù)據(jù)表結(jié)構(gòu)和字段說(shuō)明(數(shù)據(jù)字典),需要的朋友可以參考下2023-04-04