Advertisement
Lauda

JSON + validation

Jul 1st, 2014
305
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3.     $("#register-form").validate({
  4.    
  5.         // RuleZ:
  6.         rules: {
  7.             username: {
  8.                 required: true,
  9.                 minlength: 3
  10.             },
  11.             password: {
  12.                 required: true,
  13.                 minlength: 6
  14.             },
  15.             confirm_password: {
  16.                 required: true,
  17.                 minlength: 6,
  18.                 equalTo: "#password"
  19.             },
  20.             name: "required",
  21.             lastName: "required",
  22.             email: {
  23.                 required: true,
  24.                 email: true
  25.             },
  26.             phone: {
  27.                 required: true,
  28.                 number: true
  29.             },
  30.             cbTos: "required"
  31.         },
  32.        
  33.         // Validation msg:
  34.         messages: {
  35.             firstname: "Please enter your first name",
  36.             lastname: "Please enter your last name",
  37.             password: {
  38.                 required: "Please provide a password",
  39.                 minlength: "Your password must be at least 6 characters long"
  40.             },
  41.             confirm_password: {
  42.                 required: "Please provide a password",
  43.                 minlength: "Your password must be at least 6 characters long",
  44.                 equalTo: "Please enter the same password as above"
  45.             },
  46.             email: "Please enter a valid email address",
  47.             phone: "Please enter a valid phone number",
  48.             cbTos: "Please accept our Terms and Conditions"
  49.         },
  50.        
  51.         // Using submitHandler to preform ajax calls only when form is validated!
  52.         submitHandler: function(form) {
  53.             var objectArray = $("#register-form :input").serializeArray(); // Make an array of input vals
  54.             var data, objectData = {};
  55.             action = 'new', name = null;
  56.            
  57.             for (var i in objectArray)
  58.             {
  59.                 name = objectArray[i].value;
  60.                 objectData[objectArray[i].name] = objectArray[i].value;
  61.             };
  62.  
  63.             // Delete stuff that's not needed for processing
  64.             delete objectData.confirm_password;
  65.             delete objectData.cbTos;
  66.  
  67.             data = { 'action' : action, 'data' : objectData };
  68.             data =  JSON.stringify(data);
  69.             data = "reg=" + data;
  70.                          
  71.             $.ajax({
  72.                 type: "POST",
  73.                 url: "<%=request.getContextPath()%>/RegisterServlet",
  74.                 data: data,
  75.                 dataType: "json"
  76.               }).
  77.                 success(function(res){
  78.                     if(res.url != null)
  79.                     {
  80.                         $("#msgBox").modal('show');  
  81.                         $("#msg").html(res.message);
  82.                         setTimeout(function() {
  83.                               window.location.href = res.url;
  84.                             }, 5000); // is k, 5sec
  85.                     }
  86.                    
  87.                     if (res.error) {
  88.                         $("#err").html(res.message);
  89.                         if ($("#err").is(":hidden"))
  90.                             $("#err").toggle();
  91.                        
  92.                     }
  93.  
  94.                 }).
  95.                 error(function(res) {
  96.                     if (res.error)
  97.                         {
  98.                             $("#err").text(res.message);
  99.                             $("#err").toggle();
  100.                         }
  101.                 });
  102.             return false;
  103.         }
  104.     });
  105.  
  106.     // Let's propose a username for our user when onFocus() event happens...
  107.     $("#username").focus(function()
  108.     {
  109.         var firstname = $("#name").val().toLowerCase();
  110.         var lastname = $("#lastName").val().toLowerCase();
  111.        
  112.         if (firstname && lastname && !this.value)
  113.         {
  114.             this.value = firstname + "." + lastname;
  115.         }
  116.     });
  117.    
  118.     $('#register-form input').bind('oninput', function(){
  119.  
  120.         if ($('#register-form').valid())
  121.             $('#reg_btn1').fadeIn();
  122.  
  123.     });
  124. });
  125.   </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement