jQuery使用之（四）

最新推荐文章于 2023-08-12 10:47:33 发布

原创最新推荐文章于 2023-08-12 10:47:33 发布 · 309 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery

jQuery 专栏收录该内容

4 篇文章

订阅专栏

jQuery 插件

表单验证插件常用插件

--formValidator

--jQuery.validator

--easyForm

一，formValidator 表单验证插件

formValidator 官网：http://www.formvalidator.net/

公共函数

--$.formValidator.initConfig() 对验证操作做初始化（可以没有参数，但必须出现在所有验证的最上方）

--$.formValidator.PageIsValid() 指定租的表单元素是否都已通过验证，通过true，否则false

二，zTree控件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="zTree_v3/css/zTreeStyle/zTreeStyle.css">
    <script src="zTree_v3/js/jquery-3.2.1.min.js"></script>
    <script src="zTree_v3/js/jquery.ztree.all.min.js"></script>
    <script src="zTree_v3/js/jquery.ztree.exhide.min.js"></script>
    <script>
        var setting = {
            data:{
                simpleData:{
                    enable:true,
                    idKey:"id",
                    pIdKey:"pid"
                }
            },
            check:{
                enable:true,
                chkboxType:{
                    "Y":"ps","N":"ps"
                }
            }
        }
        var znodes = [
            {name:"国家",id:"0",pid:"0",desc:"描述的是国家城市的概况"},
            {name:"中国",id:"10",pid:"0",desc:"中华人民共和国"},
            {name:"北京市",id:"101",pid:"10",desc:"中华人民共和国首都"},
            {name:"天津市",id:"102",pid:"10",desc:"中国河北省省会"},
            {name:"上海市",id:"103",pid:"10",desc:"中国第一大城市"},
            {name:"深圳市",id:"104",pid:"10",desc:"中国南海边的发达城市"},
            {name:"美国",id:"20",pid:"0",desc:"美利坚合众国"},
            {name:"华盛顿",id:"201",pid:"20",desc:"美利坚合众国的首都"},
            {name:"纽约",id:"202",pid:"20",desc:"美国最大最繁华的城市"},
            {name:"洛杉矶",id:"203",pid:"20",desc:"美国大城市之一"}
        ]


        $(function () {
            $.fn.zTree.init($("#ztree"),setting,znodes);
        });
    </script>
</head>
<body>
    <ul id="ztree" class="ztree"></ul>
</body>
</html>