validate.js表单验证

最新推荐文章于 2024-08-12 08:44:04 发布

羊崽

最新推荐文章于 2024-08-12 08:44:04 发布

阅读量687

点赞数 1

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

本文链接：https://blog.csdn.net/ynw1990/article/details/52740022

版权

PHP 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

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