JQuery校验

抽象的类

于 2014-10-28 14:36:58 发布

阅读量363

点赞数

分类专栏： ASP.NET 文章标签： JQUERY校验

本文链接：https://blog.csdn.net/yyq118225/article/details/40539903

版权

ASP.NET 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JQUERY校验：

添加JQUERY引用：

JQUERY校验规则：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Scripts/jquery-1.8.2.js"></script>
    <script src="Scripts/jquery.validate.js"></script>
    <script type="text/javascript">
        $(function () {
            IniValidate();
        });
        function IniValidate() {
            
            $("form").validate({
                rules: {
                    txtName: {
                        required: true,
                        maxlength:5
                    },
                    txtEmail:{
                        required: true,
                        email:true
                    }
                },
                messages:{
                    txtName: "校验失败",
                    txtEmail: {
                        required: "邮箱不能为空",
                        email:"格式不正确"
                    }
                }
            });
        }
    </script>
</head>
<body>
    <form action="/" method="post">
        <table>
            <tr>
                <td>用户名:</td>
                <td><input type="text" name="txtName" value="" /></td>
            </tr>
            <tr>
                <td>邮箱:</td>
                <td><input type="text" name="txtEmail" value="" /></td>
            </tr>
            <tr>
                <td>生日:</td>
                <td><input type="text" name="txtDAY" value="" /></td>
            </tr>  
               
       
        </table>

    </form>
</body>
</html>