Layui 自定義表單驗證
--------------表單自帶校驗--------------
lay‐verify:是表單驗證的關鍵字
required (必填項)
phone(手機號)
email(郵箱)
url(網址)
number(數字)
date(日期)
identity(身份證)
input表單新增 lay‐verify="required|email"
<script>
//自定義值
//同時支援多條規則的驗證:
//格式:lay‐verify="驗證A|驗證B"
//如:lay‐verify="required|phone|number"
layui.use([ 'form' ], function() {
var form = layui.form;
/* 自定義表單驗證 */
form.verify({
checkUser_name : function(value, item) { // value:表單的值、item:表單的DOM物件
if (!new RegExp("^[a‐zA‐Z0‐9_\u4e00‐\u9fa5\\s?]+$").test(value)) {
return '使用者名稱不能有特殊字元';
}
if (/(^\_)|(\__)|(\_+$)/.test(value)) {
return '使用者名稱首尾不能出現下劃線\'_\'';
}
if (/^\d+\d+\d$/.test(value)) {
return '使用者名稱不能全為數字';
}
if (value.length < 3 || value.length > 12) {
return '使用者名稱必須3到12位';
}
},
checkUser_pwd : [ /^[\S]{6,12}$/, '密碼必須6到12位,且不能出現空格' ],
CarNo: function (value, item) { // value:表單的值、item:表單的DOM物件
var express = /^[京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9掛學警港澳]{1}$/;
if (!new RegExp(express).test(value)) {
return '請輸入正確的車牌號碼';
}
}
});
});
</script>
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31486267/viewspace-2740001/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Laravel 自定義表單驗證-自定義驗證規則Laravel
- 表單驗證自定義格式輸出
- Laravel 自定義表單請求驗證忽略某些欄位驗證Laravel
- angular中的表單資料自定義驗證Angular
- PbootCMS如何取消後臺、留言、自定義表單驗證碼boot
- pbootcms提交留言、提交自定義表單時取消驗證碼boot
- 小程式自定義表單校驗
- SpringBoot-表單驗證-統一異常處理-自定義驗證資訊源Spring Boot
- layui自定義ajax左側三級選單UI
- Laravel, vee-validate, 阿波羅 自定義表單時時驗證Laravel
- element-ui自定義表單校驗規則及常用表單校驗UI
- .net 透過特性及繼承IValidatableObject完成自定義表單驗證繼承Object
- jQuery Validate自定義表單元素驗證通過和不通過的樣式jQuery
- MVC驗證02-自定義驗證規則、郵件驗證MVC
- MVC驗證07-自定義Model級別驗證MVC
- JavaScript 表單及表單驗證JavaScript
- MVC驗證04-自定義驗證規則、日期範圍驗證MVC
- 自定義react資料驗證元件React元件
- 自定義密碼驗證函式密碼函式
- CAS自定義登入驗證方法
- mongoose使用validate驗證, 獲取自定義驗證資訊Go
- bootstrap表單驗證boot
- javascript表單驗證JavaScript
- Laravel 表單驗證Laravel
- JavaScript 表單驗證JavaScript
- Django表單驗證Django
- jquery 表單驗證jQuery
- Js表單驗證JS
- Laravel POST 請求 API 介面,使用自定義表單驗證,驗證失敗跳轉回首頁的問題記錄LaravelAPI
- 如何自定義Struts2表單驗證後的錯誤資訊顯示格式/樣式
- PHPCMS自定義表單樣式PHP
- 織夢 自定義表單HTML:HTML
- wordpress 自定義登入表單
- gin自定義驗證器&轉化中文
- django 自定義登入驗證邏輯Django
- Angular 4.x 自定義驗證指令Angular
- Android自定義View---驗證碼AndroidView
- HTML5 pattern自定義驗證提示HTML