Skip to content

Instantly share code, notes, and snippets.

@themeteorchef

themeteorchef/validation.js

Created April 8, 2016 16:20
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save themeteorchef/e8d2868432a8f243eabeffb98d7a70f3 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save themeteorchef/e8d2868432a8f243eabeffb98d7a70f3 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. themeteorchef created this gist Apr 8, 2016.
    55 changes: 55 additions & 0 deletions validation.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,55 @@
    Template.newUser.onRendered( () => {
    $("#signUpForm").validate({
    highlight: function(element, errorClass) {
    $(element).parent().addClass(errorClass);
    },
    unhighlight: function(element, errorClass, validClass) {
    $(element).parent().removeClass(errorClass).addClass(validClass);
    },
    onfocusout: true,
    errorClass: "has-error",
    validClass: "has-success",
    rules: {
    userFirstName: {
    required: true
    },
    userEmailAddress: {
    required: true,
    email: true
    },
    userPassword: {
    required: true,
    minlength: 7
    },
    userConfirmPassword: {
    required: true,
    minlength: 7,
    equalTo: "#userPassword"
    }
    },
    messages: {
    userFirstName: {
    required: "Please enter your First Name"
    },
    userEmailAddress: {
    required: "Please enter a valid email address"
    },
    userPassword: {
    required: "Please enter a password",
    minlength: "Your password must be at least 7 characters long"
    },
    userConfirmPassword: {
    required: "Please confirm your password",
    minlength: "Your password must be at least 7 characters long",
    equalTo: "Your passwords do not match"
    }
    }
    });
    });

    Template.newUser.events({
    'submit form' ( event, template ) {
    event.preventDefault();
    console.log("validate and submit form data");
    }
    });