Layui++:layui表單自帶驗證


1、表單自帶校驗

lay-verify:是表單驗證的關鍵字 

有以下值供選擇:

  required (必填項)
  phone(手機號)
  email(郵箱)
  url(網址)
  number(數字)
  date(日期)
  identity(身份證)

自定義值:

同時支持多條規則的驗證: 

格式:lay-verify=”驗證A|驗證B” 

如:lay-verify=”required|phone|number”

2、正則表達式

<input name="location" class="layui-input" lay-verify="number|Ndouble" type="text"/>

Ndouble 加了下划線的哦,我們自定義這個Ndouble

//自定義表單驗證
 form.verify({ Ndouble:[ /^[1-9]\d*$/ ,'只能輸入整數哦' ] });
3、layui中使用lay-verify進行表單項的校驗,但是點擊提交按鈕無效,仔細搜索資料發現這個校驗要滿足兩個條件
  1.form標簽需要添加 class="layui-form"
  2.提交按鈕需要添加 lay-submit=""
注意:這個提交按鈕要寫在from里面。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM