Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type="text/javascript">
- $(document).ready(function() {
- $("#register-form").validate({
- // RuleZ:
- rules: {
- username: {
- required: true,
- minlength: 3
- },
- password: {
- required: true,
- minlength: 6
- },
- confirm_password: {
- required: true,
- minlength: 6,
- equalTo: "#password"
- },
- name: "required",
- lastName: "required",
- email: {
- required: true,
- email: true
- },
- phone: {
- required: true,
- number: true
- },
- cbTos: "required"
- },
- // Validation msg:
- messages: {
- firstname: "Please enter your first name",
- lastname: "Please enter your last name",
- password: {
- required: "Please provide a password",
- minlength: "Your password must be at least 6 characters long"
- },
- confirm_password: {
- required: "Please provide a password",
- minlength: "Your password must be at least 6 characters long",
- equalTo: "Please enter the same password as above"
- },
- email: "Please enter a valid email address",
- phone: "Please enter a valid phone number",
- cbTos: "Please accept our Terms and Conditions"
- },
- // Using submitHandler to preform ajax calls only when form is validated!
- submitHandler: function(form) {
- var objectArray = $("#register-form :input").serializeArray(); // Make an array of input vals
- var data, objectData = {};
- action = 'new', name = null;
- for (var i in objectArray)
- {
- name = objectArray[i].value;
- objectData[objectArray[i].name] = objectArray[i].value;
- };
- // Delete stuff that's not needed for processing
- delete objectData.confirm_password;
- delete objectData.cbTos;
- data = { 'action' : action, 'data' : objectData };
- data = JSON.stringify(data);
- data = "reg=" + data;
- $.ajax({
- type: "POST",
- url: "<%=request.getContextPath()%>/RegisterServlet",
- data: data,
- dataType: "json"
- }).
- success(function(res){
- if(res.url != null)
- {
- $("#msgBox").modal('show');
- $("#msg").html(res.message);
- setTimeout(function() {
- window.location.href = res.url;
- }, 5000); // is k, 5sec
- }
- if (res.error) {
- $("#err").html(res.message);
- if ($("#err").is(":hidden"))
- $("#err").toggle();
- }
- }).
- error(function(res) {
- if (res.error)
- {
- $("#err").text(res.message);
- $("#err").toggle();
- }
- });
- return false;
- }
- });
- // Let's propose a username for our user when onFocus() event happens...
- $("#username").focus(function()
- {
- var firstname = $("#name").val().toLowerCase();
- var lastname = $("#lastName").val().toLowerCase();
- if (firstname && lastname && !this.value)
- {
- this.value = firstname + "." + lastname;
- }
- });
- $('#register-form input').bind('oninput', function(){
- if ($('#register-form').valid())
- $('#reg_btn1').fadeIn();
- });
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement