easyui validatebox验证
生活随笔
收集整理的這篇文章主要介紹了
easyui validatebox验证
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
<html?xmlns="http://www.w3.org/1999/xhtml"> <head><script?src="easyui1.2.4/jquery-1.6.min.js"?type="text/javascript"></script><script?src="easyui1.2.4/jquery.easyui.min.js"?type="text/javascript"></script><!--自定義驗證--><script?src="easyui1.2.4/validator.js"?type="text/javascript"></script><link?href="easyui1.2.4/themes/default/easyui.css"?rel="stylesheet"?type="text/css"?/><script>$(function?()?{//設置text需要驗證$('input[type=text]').validatebox();})</script> </head> <body>郵箱驗證：<input?type="text"?validtype="email"?required="true"?missingMessage="不能為空"?invalidMessage="郵箱格式不正確"?/><br?/>網址驗證：<input?type="text"?validtype="url"?invalidMessage="url格式不正確[http://www.example.com]"?/><br?/>長度驗證：<input?type="text"?validtype="length[8,20]"?invalidMessage="有效長度8-20"?/><br?/>手機驗證：<input?type="text"?validtype="mobile"??/><br?/>郵編驗證：<input?type="text"?validtype="zipcode"?/><br?/>賬號驗證：<input?type="text"?validtype="account[8,20]"?/><br?/>漢字驗證：<input?type="text"?validtype="CHS"?/><br?/>遠程驗證：<input?type="text"?validtype="remote['checkname.aspx','name']"?invalidMessage="用戶名已存在"/> </body> </html> //自定義validator.js //擴展easyui表單的驗證 $.extend($.fn.validatebox.defaults.rules,?{//驗證漢字CHS:?{validator:?function?(value)?{return?/^[\u0391-\uFFE5]+$/.test(value);},message:?'只能輸入漢字'},//移動手機號碼驗證mobile:?{//value值為文本框中的值validator:?function?(value)?{var?reg?=?/^1[3|4|5|8|9]\d{9}$/;return?reg.test(value);},message:?'輸入手機號碼格式不準確.'},//國內郵編驗證zipcode:?{validator:?function?(value)?{var?reg?=?/^[1-9]\d{5}$/;return?reg.test(value);},message:?'郵編必須是非0開始的6位數字.'},//用戶賬號驗證(只能包括?_?數字?字母)?account:?{//param的值為[]中值validator:?function?(value,?param)?{if?(value.length?<?param[0]?||?value.length?>?param[1])?{$.fn.validatebox.defaults.rules.account.message?=?'用戶名長度必須在'?+?param[0]?+?'至'?+?param[1]?+?'范圍';return?false;}?else?{if?(!/^[\w]+$/.test(value))?{$.fn.validatebox.defaults.rules.account.message?=?'用戶名只能數字、字母、下劃線組成.';return?false;}?else?{return?true;}}},?message:?''} })轉載于:https://my.oschina.net/shuming/blog/667914
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的easyui validatebox验证的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 阿里巴巴集团CRO刘振飞：双11的六维技
- 下一篇： 服务器搭建：3.1、openresty图