最近在工作中,用到了layui的校驗。
一、layui的校驗很簡單,主要是4步:
1.在form表單內加上class=「layui-form」
2.在提交按鈕上加上lay-submit
3.在想要校驗的標籤,加上lay-verify=」」,在這個屬性裡,加上想要的值,就可以進行校驗了。
lay-verify:是表單驗證的關鍵字
有以下值供選擇:
required (必填項)
phone(手機號)
email(郵箱)
url(**)
number(數字)
date(日期)
identity(身份證)
二、除了上面的值之外,還可以自定義校驗規則(略,以後補充)
三、如何做到多條件有層次的校驗呢?
答:把要校驗的規則,用|分割開,就可以依次校驗了。
例:lay-verify=「required|number」
這個什麼意思?就是先校驗是否為空,如果不為空,再校驗是否符合數字格式。
thymeleaf中使用layui(公用部分提取)
layui已經提供了一整套的ui布局及相關元件,並且有相當完善的api文件,本文重點在於thymeleaf中如何使用layui,包括公用部分的提取,而非簡單的layui的用法。先上兩個效果圖 列表.png 表單.png 1.像傳統的一樣建檔案頭和尾 但是又和傳統的寫法不同,見下面 2.定義公用js ...
layui使用小記
官網 1.使用起來挺方便,做一下簡單配置即可使用,和bootstrap類似,使用比較方便,例如做一些公司使用的後台很方便,即使沒有有前端,後台開發也能快速上手搭建 2.使用時可以稍微細看一下文件,使用起來還是很方便的,例如彈窗分了好多種,其實就是一種,使用自定義的,做一下引數配置即可 標題,型別,蒙...
layui使用總結
一,table 資料,樣式設定 1,方法一,直接在對應列上設定好style 如下給列 型別 新增了字型顏色 f67d06 可以在script標籤裡寫html 什麼a標籤,span標籤,class和style都可以寫。直接在對應的模板上設定各種結構和樣式,較上面一種更加的靈活,不但可以設定樣式,還可以...