Form validation Test Smita

by ajinkyax

HTML

<div id="myform">
  <input type="text" placeholder='fullname'>
  <input type="email" placeholder="email">
  <input type="submit">
</div>

JavaScript

var FormValidator = {
  constructor: function(id){
		this.$form = $('#' + id);
    this.fullname = this.$form.find('input[type="text"]');
    this.email = this.$form.find('input[type="email"]');
    this.submitBtn = this.$form.find('input[type="submit"]');
    
    //initialize basic functions
    this.registerEvents();
  },
  
  registerEvents: function() {
  
    this.submitBtn.on('click', this.validate.call(this));
  },
  
  validate: function(e){
  	e.preventDefault();
    this.validateFullname(this.fullname);
    this.validateEmail(this.email);
  },
  
  
  validateEmail: function(email){
     var value = email.val();
     if(value === '') {
       alert('email is empty');
     }
     
     var emailPattern = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
     
     if(!emailPattern.test(value)){
       alert('wrong email pattern');
     }
  },
  
  validateFullname: function(name){
      
    
  }

};


FormValidator.constructor('myform');