Auto email validation

1

Ok this provides me with password with auto validation:

18

Does this not provide autovalidation for email:
02

Inner html placed within a rectangle.

2

Here’s more info on the ‘types’ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input –

Not sure what your question is?

3

Hi Daniel,

I understand that to avoid sql injection my inputs should validate what the user inputs. If I was to create a form email input then it would of course not allow me to put any thing else in. The code shown for the password above works fine, but the email input within the div doesn’t do anything, how do I get it to validate the input?

4

I did something like this for a Hype 3.5 teaser:

validation.hype.zip (1.1 MB)

I used: http://www.formvalidator.net

It looks at an email input field and shows an error if it’s not a correct email:

var myLanguage = {
	    requiredFields: 'Please fill in all fields.',
	    badEmail: 'Double check your address please!'
	  };
	  $.validate({
	    validateOnBlur: true,
	    language: myLanguage
	  });
	  $('emailfield').bind('beforeValidation', function() {
	    //$('button[type=submit]').attr('disabled', 'disabled');
	    document.getElementById("submit").disabled = true;
	  }).bind('validation', function(evt, isValid) {
	    document.getElementById("submit").disabled = false;
	    var form = document.getElementById("main-mailing-list");
	    document.getElementById("submit").addEventListener("click", function() {
	      document.getElementById("thanks").innerHTML = "Got it, Thanks! We'll let you know."
	      form.submit();
	    });
	  });
1 Like
5

That looks fantastic thanks Daniel. :slight_smile: