码迷,mamicode.com
首页 > Web开发 > 详细

jquery 的前端验证控件应用(form www.sysoft.cc)

时间:2014-11-25 20:20:42      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   os   使用   sp   java   

 jquery validate验证控件真是挺 好用,功能不错,找好文档,使用也较方便呵,不错。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Index</title>
    <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#User").validate({
                rules: {
                    username: {
                        required: true,
                        minlength: 3
                    },
                    password: {
                        required: true
                    },
                    repwd: {
                        equalTo: "#password"
                    },
                    mail: {
                        email: true
                    },

                    tel: { maxlength: 11, digits: true }
                },
                messages: {
                username:{
                required: "用户名不能为空",
                        minlength: "用户名至少三位"
                },
                password: {
                        required: "密码不能为空"
                    },
                repwd: {
                        equalTo: "两次输入密码不相同"
                    },
                    mail: {
                        email: "请输入正确的邮箱格式"
                    },

                    tel: { maxlength: "手机号码最多11位", digits:"请输入正确的手机格式" }
            }
        });
    });
    </script>
</head>
<body>
    <div>
    <form id="User" method="post" action="">
  用户名: <input type="text" name="username" /><br />
  密码: <input type="password" name="password" id="password" /><br />
  确认密码: <input type="password" name="repwd"  /><br />
  邮箱: <input type="text" name="mail" /><br />
  手机: <input type="text" name="tel" /><br />
  <input type="submit" name"btnsubmit" value="提交" />
    </form>
    </div>
</body>
</html>

 

jquery 的前端验证控件应用(form www.sysoft.cc)

标签:style   blog   http   io   color   os   使用   sp   java   

原文地址:http://www.cnblogs.com/sysoft/p/4121646.html

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