您好,登錄后才能下訂單哦!
form簡單驗證
<input type="text" name="email" datatype="e" ignore="ignore" placeholder="請輸入郵箱" autocomplete="off" class="layui-input"> datatype="e"驗證郵箱 ignore="ignore"忽略,如果填寫就驗證沒有填入郵箱就不驗證 詳情參考Validform_v5.3.2.js 貼出一部分: var tipmsg={//默認提示文字; tit:"提示信息", w:{ "*":"不能為空!", "*6-16":"請?zhí)顚?到16位任意字符!", "n":"請?zhí)顚憯?shù)字!", "n6-16":"請?zhí)顚?到16位數(shù)字!", "s":"不能輸入特殊字符!", "s6-18":"請?zhí)顚?到18位字符!", "p":"請?zhí)顚戉]政編碼!", "m":"請?zhí)顚懯謾C號碼!", "e":"郵箱地址格式不對!", "url":"請?zhí)顚懢W(wǎng)址!" }, def:"請?zhí)顚懻_信息!", undef:"datatype未定義!", reck:"兩次輸入的內(nèi)容不一致!", r:"通過信息驗證!", c:"正在檢測信息…", s:"請{填寫|選擇}{0|信息}!", v:"所填信息沒有經(jīng)過驗證,請稍后…", p:"正在提交數(shù)據(jù)…" }
Validform.util={ dataType:{ "*":/[\w\W]+/, "*6-16":/^[\w\W]{6,16}$/, "n":/^\d+$/, "n6-16":/^\d{6,16}$/, "s":/^[\u4E00-\u9FA5\uf900-\ufa2d\w\.\s]+$/, "s6-18":/^[\u4E00-\u9FA5\uf900-\ufa2d\w\.\s]{6,18}$/, "p":/^[0-9]{6}$/, "m":/^13[0-9]{9}$|14[0-9]{9}|15[0-9]{9}$|18[0-9]{9}$/, "e":/^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, "url":/^(\w+:\/\/)?\w+(\.\w+)+.*$/ },
簡單的點擊圖標左右開關(guān)
<input type="checkbox" name="loginflag" checked lay-skin="switch" lay-filter="switchTest" lay-text="允許|禁止">
驗證的設置
<input type="text" name="password" datatype="s6-18" placeholder="請輸入密碼" autocomplete="off" class="layui-input">
s6-18可以根據(jù)自己的長度進行自定義設置,s代表string字符串
修改layui監(jiān)聽事件 先驗證表單
$("#signupForm").Validform({ //根據(jù)id觸發(fā) btnSubmit:"#formSubmit", //綁定id根據(jù)id觸發(fā)驗證 tiptype:3, //第三種方式 showAllError:true, //顯示所有的錯誤 beforeSubmit:function(curform){ //驗證過后執(zhí)行save方法 save(); }, });
原layui監(jiān)聽
layui.use(['form'], function(){ var form = layui.form; //監(jiān)聽提交 form.on('submit(submitForm)', function(data){ save(); }); });
以上這篇layui在form表單頁面通過Validform加入簡單驗證的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。