2508人加入学习
(5人评价)
Web前端第四季(jQuery)

制作完成于2018年6月19日 基于jQuery-3.3.1

价格 免费
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>volidation表单校验</title>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
    <script type="text/javascript">
        var validateRule = {
            rules:{
                username:{
                    required:true,
                    minlength:3,
                    maxlength:6
                },
                email:{
                    required:true,
                    email:true
                },
                password:{
                    required:true,
                    minlength:3,
                    maxlength:6
                },
                rePassword:{
                    required:true,
                    equalTo:"[name='password']",
                },
                birthday:{
                    date:true
                },
                sex:{
                    required:true
                }
            },
        };
        $(function(){
            $("#registerForm").validate(validateRule);
        });
    </script>
</head>
<body>
    <form action="register.jsp" id="registerForm">
        <table border="1" width="800px" height="500px">
            <tr>
                <td colspan="2" align="center">注册</td>
            </tr>
            <tr>
                <td align="right" width="100px">用户名:</td>
                <td align="left"><input type="text" name="username" /></td>
            </tr>
            <tr>
                <td align="right">邮箱:</td>
                <td><input type="text" name="email"/></td>
            </tr>
            <tr>
                <td align="right">密码:</td>
                <td><input type="password" name="password" /></td>
            </tr>
            <tr>
                <td align="right">重复密码:</td>
                <td><input type="password" name="rePassword"/></td>
            </tr>
            <tr>
                <td align="right">出生年月日:</td>
                <td><input type="text" name="birthday" /></td>
            </tr>
            <tr>
                <td align="right">性别:</td>
                <td>男<input type="radio" name="sex" />女<input type="radio" name="sex" /> </td>
            </tr>
            <tr>
                <td colspan="2" align="center"><input type="submit" value="注册" /></td>
            </tr>
        </table>
    </form>
</body>
</html>

 

[展开全文]

授课教师

SiKi学院老师

课程特色

下载资料(1)
视频(20)