Validate registration form

1 files changed, 51 insertions, 0 deletions

diff --git a/public/js/register.coffee b/public/js/register.coffee
index 57c399e5..a7285424 100644
--- a/public/js/register.coffee
+++ b/public/js/register.coffee
@@ -1,5 +1,56 @@
 #= require js/jquery-1.8.2.min.js
+#= require js/jquery-ui.min.js
+#= require js/score_password.js
+#= require js/check_email.js
 
 $(->
   $('#username').focus()
+
+  $('#username').blur(->
+    $(this).parent().next('.alert').remove()
+
+    if /^[a-z]+$/.test($(this).val()) and $(this).val().length > 2
+      $(this).parent().removeClass('has-error')
+    else
+      $(this).parent().addClass('has-error')
+      $(this).parent().after('<div class="alert alert-danger">Username must be lowecase and have at least 3 characters</div>')
+  )
+
+  $('#password').blur(->
+    $('#confirm').blur()
+    $(this).parent().next('.alert').remove()
+    score = scorePassword($(this).val())
+
+    if score > 40
+      $(this).parent().removeClass('has-error')
+    else
+      $(this).parent().addClass('has-error')
+      $(this).parent().after('<div class="alert alert-danger">Weak password</div>')
+  )
+
+  $('#confirm').blur(->
+    $(this).parent().next('.alert').remove()
+
+    if $('#password').val() == $('#confirm').val()
+      $('#confirm').parent().removeClass('has-error')
+    else
+      $('#confirm').parent().addClass('has-error')
+      $('#confirm').parent().after('<div class="alert alert-danger">Passwords don\'t match</div>')
+  )
+
+  $('#email').blur(->
+    $(this).parent().next('.alert').remove()
+    if validateEmail($(this).val())
+      $(this).parent().removeClass('has-error')
+    else
+      $(this).parent().addClass('has-error')
+      $(this).parent().after('<div class="alert alert-danger">Invalid email</div>')
+  )
+
+  $('#register').submit(->
+    $('.form-control').blur()
+    if $('.has-error').length > 0
+      $('.has-error').effect('shake', 500)
+      return false
+  )
 )