Validation using javascript and regular expression not working

Question

. Here is my code. I am trying to validate email,but nothing is happening when clicking on validate button. Please reply. It's not showing message and i don't know why it is not showing. It is not a complicated code :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>




    function validateEmail(email) {
  var re = /^(([^<>()[\]\\.,;:\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,}))$/;
  return re.test(email);
}

function validate() {

  $("#result").text("");
  var email = $("#email").val();
  if (validateEmail(email)) {
    $("#result").text(email + " is valid :)");
    $("#result").css("color", "green");
  } else {
    $("#result").text(email + " is not valid :(");
    $("#result").css("color", "red");
  }
  return false;
}


$("#validate").bind("click", validate);

    </script>


</head>





 <form>
  <p>Enter an email address:</p>
  <input id='email'>
  <button type='submit' id='validate' >Validate!</button>
</form>

<h2 id='result'></h2>

You should probably bind validateEmail, since there is no validate — Damiano
– Damiano, Commented Dec 18, 2017 at 6:50
How can I debug my JavaScript code? stackoverflow.com/questions/988363/… @user7441072 — Muhammet Can TONBUL
– Muhammet Can TONBUL, Commented Dec 18, 2017 at 6:56

Yaro · Accepted Answer · 2017-12-18 07:03:48Z

2

Try putting your script tag at the bottom of your body, or putting your bind code in the onLoad hook.

The way your code is structured at the moment, your bind code runs before the elements in the body are loaded, ie it binds to elements that don't exist. The reason it works for other people is probably because the load order is browser-dependant. So if re-ordering your code still doesn't work, it would be interesting to know what browser you are using.

answered Dec 18, 2017 at 7:03

Yaro

6775 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ananda Over a year ago

a working example of the above answer jsfiddle.net/o2gxgz9r/20344

Collectives™ on Stack Overflow

Validation using javascript and regular expression not working

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related