validate.js表单验证

羊崽

于 2016-10-05 18:56:08 发布

阅读量721

点赞数 1

CC 4.0 BY-SA版权

分类专栏： PHP 文章标签： php

本文链接：https://blog.youkuaiyun.com/ynw1990/article/details/52740022

PHP 专栏收录该内容

47 篇文章

订阅专栏

这段内容展示了如何使用validate.js库对HTML表单进行验证。通过jQuery初始化validate插件，定义了username、password、pwd和email字段的验证规则，如必填、长度范围和邮箱格式检查。

<style type="text/css">
    label.error{
        color:red;
        margin-left: 4px;
    }
</style>
<script type="text/javascript" src="__PUBLIC__/Admin/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/js/validate_zh_cn.js"></script>
<script type="text/javascript">
    $(function(){
        $("#add_form" ).validate({
            'rules':{
                'username':{
                    'required':true,
                    'rangelength':[4,8]
                },
                'password':{
                    'required':true,
                    'rangelength':[5,8]
                },
                'pwd':{
                    'required':true,
                    'rangelength':[5,8],
                    'equalTo':'.pwd'
                },
                'email':{
                    'required':true,
                    'email':true
                }
            }
        });
    });
</script>