jquery validate的使用

最新推荐文章于 2018-11-21 16:14:54 发布

撒哈拉的绿洲

最新推荐文章于 2018-11-21 16:14:54 发布

阅读量484

点赞数

分类专栏： JS HTML

本文链接：https://blog.csdn.net/u011550635/article/details/39023097

版权

JS 同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

HTML

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>jquery validate </title>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.validate.js" type="text/javascript"></script>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<script type="text/javascript">
    $(function(){
        $("#frmV").validate(
                {
                    rules:{
                        username:{required:true,minlength:6},
                        email:{required:true,email:true}
                    },
                    errorPlacement:function(error,element){
                        error.appendTo(element.siblings("span"));
                    },
                    messages: {
                        username: "请输入姓名",
                        email:"请输入正确的email地址"
                    }
                }
        );
    });
</script>
</head>
<body>
<form id="frmV" method="get" action="#">
    <div class = "divTitle">please input content</div>
    <div class = "divContent">
        <div>
            name:<br />
            <input id = "username" name="username" type="text" class="txt" />
            <font color="red"></font><br />
            <span></span>
        </div>

        <div>
            email:<br />
            <!-- email rule -->
            <input id = "email" name="email" type="text"  />
            <font color="red"></font><br />
            <span></span>
        </div>
    </div>
    <div class="divBtn">
        <input id = "sbtUser" type="submit" value ="sub" class="btn" />
    </div>
</form>
</body>
</html>

撒哈拉的绿洲

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery validate的使用

jquery validate $(function(){ $("#frmV").validate( { rules:{ username:{required:true,minlength:6},
复制链接

扫一扫