layui中使用lay verify進行多條件校驗

2021-10-07 22:53:59 字數 525 閱讀 8843

最近在工作中,用到了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都可以寫。直接在對應的模板上設定各種結構和樣式,較上面一種更加的靈活,不但可以設定樣式,還可以...