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
- PbootCMS如何取消後臺、留言、自定義表單驗證碼boot
- pbootcms提交留言、提交自定義表單時取消驗證碼boot
- 小程式自定義表單校驗
- Laravel, vee-validate, 阿波羅 自定義表單時時驗證Laravel
- SpringBoot-表單驗證-統一異常處理-自定義驗證資訊源Spring Boot
- .net 透過特性及繼承IValidatableObject完成自定義表單驗證繼承Object
- element-ui自定義表單校驗規則及常用表單校驗UI
- jQuery Validate自定義表單元素驗證通過和不通過的樣式jQuery
- 自定義react資料驗證元件React元件
- Android自定義View---驗證碼AndroidView
- Laravel POST 請求 API 介面,使用自定義表單驗證,驗證失敗跳轉回首頁的問題記錄LaravelAPI
- mongoose使用validate驗證, 獲取自定義驗證資訊Go
- JavaScript 表單驗證JavaScript
- Laravel 表單驗證Laravel
- javascript表單驗證JavaScript
- bootstrap表單驗證boot
- bootstrapValidator 表單驗證boot
- antd 表單驗證
- dcat-admin表單值唯一驗證(帶自定義查詢條件使用舉例)
- gRPC(七)進階:自定義身份驗證RPC
- gin自定義驗證器&轉化中文
- jQuery Validate新增自定義驗證規則jQuery
- Angular如何在模板驅動表單中自定義校驗器Angular
- DcatAdmin 擴充套件: 自定義表單(動態表單)套件
- 輸入表單驗證
- 路由表單驗證路由
- 表單required 必需驗證UI
- HTML 表單驗證概述HTML
- 表單資料驗證
- 表單驗證 regex:pattern
- java 自定義表單設計方案Java
- AngularJS自定義表單控制元件AngularJS控制元件
- SharePoint Online 自定義Modern UI表單UI
- 簡單的自定義表單控制元件控制元件
- 織夢 DedeCMS 自定義表單出現“資料校驗證不對,程式返回”的解決方案