diff --git a/static/src/js/app/oj/account/register.js b/static/src/js/app/oj/account/register.js
new file mode 100644
index 0000000..0241698
--- /dev/null
+++ b/static/src/js/app/oj/account/register.js
@@ -0,0 +1,94 @@
+require(["jquery", "bs_alert", "validation"], function($, bs_alert){
+
+    $("#register-form")
+            .formValidation({
+            framework: "bootstrap",
+            fields: {
+                username: {
+                    validators: {
+                        notEmpty: {
+                            message: "请填写用户名"
+                        },
+                        stringLength: {
+                            min: 3,
+                            max: 30,
+                            message: '用户名长度必须在3到30位之间'
+                        }
+                    }
+                },
+                password: {
+                    validators: {
+                        notEmpty: {
+                            message: "请填写密码"
+                            },
+                            stringLength: {
+                                min: 6,
+                                max: 30,
+                                message: '密码长度必须在6到30位之间'
+                            },
+                            confirm: {
+                            firstPassword: $("#password"),
+                            secondPassword: $("#confirm_password"),
+                            message: "两次输入的密码必须一致"
+                        }
+                    },
+                    onSuccess: function(e, data) {
+
+                        if (!data.fv.isValidField('confirm_password')) {
+                            data.fv.revalidateField('confirm_password');
+                        }
+                    }
+                },
+                real_name: {
+                    validators: {
+                        notEmpty: {
+                            message: "请填写真实姓名"
+                            }
+                    },
+
+                },
+                confirm_password: {
+                    validators: {
+                        notEmpty: {
+                            message: "请填写确认密码"
+                        },
+                        confirm: {
+                            firstPassword: $("#password"),
+                            secondPassword: $("#confirm_password"),
+                            message: "两次输入的密码必须一致"
+                        }
+
+                    },
+
+                    onSuccess: function(e, data) {
+
+                        if (!data.fv.isValidField('password')) {
+                            data.fv.revalidateField('password');
+                        }
+                    }
+                }
+            }
+        }
+    ).on('success.form.fv', function(e) {
+            e.preventDefault();
+            var username = $("#username").val();
+            var real_name = $("#real_name").val();
+            var password = $("#password").val();
+            $.ajax({
+                url: "/api/register/",
+                data: {username: username, real_name: real_name, password: password},
+                dataType: "json",
+                method: "post",
+                success: function (data) {
+                    if(!data.code){
+                        window.location.href="/login/";
+                    }
+                    else{
+                        bs_alert(data.data);
+                    }
+                }
+
+            })
+        });
+
+});
\ No newline at end of file
diff --git a/static/src/js/utils/validation.js b/static/src/js/utils/validation.js
index ab3c2e7..b79bd81 100644
--- a/static/src/js/utils/validation.js
+++ b/static/src/js/utils/validation.js
@@ -7,5 +7,8 @@ define("validation",
         'validator/stringLength',
         'validator/date',
         'validator/integer',
-        'validator/between'], function () {
+        'validator/between',
+        'validator/confirm'],
+        function () {
+
     });
\ No newline at end of file