码迷,mamicode.com
首页 > 其他好文 > 详细

easyui validatebox 验证集合

时间:2015-04-13 18:09:32      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:

<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>
 

 

easyui validatebox 验证集合

标签:

原文地址:http://www.cnblogs.com/toSeeMyDream/p/4422448.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!