diff --git a/src/app/account/register/register.component.ts b/src/app/account/register/register.component.ts
index 04cc673..dc1c587 100644
--- a/src/app/account/register/register.component.ts
+++ b/src/app/account/register/register.component.ts
@@ -45,10 +45,21 @@ export class RegisterComponent implements OnInit {
   }
 
   onRegister() {
-    this.loading = !this.loading;
+    if (this.form.invalid) {
+      return;
+    }
+    this.loading = true;
+    this.accountService.register(this.readForm())
+      .pipe(first())
+      .subscribe(data => {
+        this.router.navigate(['/login']);
+      },
+      error => {
+        // TODO error handling
+        console.log(error);
+        this.loading = false;
+      });
   }
 
-  constructor() { }
-
   ngOnInit(): void { }
 }