Override form link

by amindunited

HTML

<form name='myForm'>
  <div >
    This is a form
  </div>
  <input name='email' id='email' type='text'>
  <br/>
  <a href='javascript:void();' id='forg'>Forgot Email</a>
</form>

JavaScript

var PassRecovery = function (config) {
	var linkRef = document.querySelector(config.linkRef);
  var emailRef = document.querySelector(config.emailRef);
	var cheese = function () {
  	console.log('in chesse', emailRef.value);
    //...set the email and next, and back cookies
  }
	linkRef.setAttribute('href', 'javascript:void();');
  linkRef.addEventListener('click', cheese);
}

PassRecovery({
	linkRef: '#forg',// Query selector for the password reset link
  emailRef: '#email', // Query Selector for the email input element
	nextUrl: 'myNextUrl',
  backUrl: 'myBackUrl'
});