layui框架的验证
生活随笔
收集整理的這篇文章主要介紹了
layui框架的验证
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
layui表單提交驗證:
1.框架內置驗證
http://www.layui.com/v1/doc/modules/form.html#verify
<input type="password" name="password" lay-verify="required|pass|min:6|max:20" placeholder="" autocomplete="off"
class="layui-input" datatype="*6-15">
2.layui框架自定義驗證
form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">反饋主題</label>
<div class="layui-input-block">
<input name="title" class="layui-input" type="text" placeholder="請輸入標題" autocomplete="off" lay-verify="title">
</div>
</div>
。。。。。。。。。。。。。
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form()
,layer = layui.layer
,layedit = layui.layedit
,laydate = layui.laydate;
//自定義驗證規則
form.verify({
title: function(value){
if(value.length < 5){
return '標題至少得5個字符啊';
}
}, fname: function(value){
if(value.length < 4){
return '請輸入至少4位的用戶名';
}
}, contact: function(value){
if(value.length < 4){
2.
onfocus 事件
Event 對象
定義和用法
onfocus 事件在對象獲得焦點時發生。
onblur 事件
Event 對象
定義和用法
onblur 事件會在對象失去焦點時發生。
3.
var reg = /^[u4e00-u9fa5]$/;數字、字母、漢字、下劃線組成;
總結
以上是生活随笔為你收集整理的layui框架的验证的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 多分类下的ROC曲线和AUC
- 下一篇: 采用悬浮式双联屏,五菱缤果外观内饰公布