您的位置:首页 > Web前端 > JQuery

Jquery Validate验证

2016-04-19 00:11 423 查看
HTML代码

<form id="RegisterForm">

    <div class="login-screen">

        <div class="login-form">

            <div class="form-group">

                <p>账号</p>

                <input type="text" name="UserCode" class="form-control login-field" value="" placeholder="Enter Your Code" id="UserCode">

                <p id="UserCodeP"></p>

            </div>

            <div class="form-group">

                <p>密码</p>

                <input type="password" name="Password" class="form-control login-field" value="" placeholder="Password" id="Password">

            </div>

            <div class="form-group">

                <p>确认密码</p>

                <input type="password" name="ConfirmPassword" class="form-control login-field" value="" placeholder="Confirm Password" id="ConfirmPassword">

            </div>

            <button class="btn btn-primary btn-lg btn-block" onclick="Register_Index.RegisterSubmit()">Register</button>

        </div>

    </div>
</form>

js代码

var Register_Index = function() {

    return {

        RegisterSubmit: registerSubmit,

    }

    function formValidate() {

        $("#RegisterForm").validate({

            rules: {

                UserCode: "required",

                Password: "required",

                ConfirmPassword: "required"

            },

            messages: {

                UserCode: "请输入账号",

                Password: "请输入密码",

                ConfirmPassword: "请输入确认密码"

            }

        });

    }

    function registerSubmit() {

        formValidate();

        var formValidateIsTrueOrFalse = $("form").valid();

        if (formValidateIsTrueOrFalse) {

            $.ajax( {

                type : "POST",

                url: "/Register/UserRegister",

                data: $("#RegisterForm").serialize(),

                success: function () {

                }

            });

        }

    }

}();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: