Email & Password validation not working in javascript code

Question

I am trying below code for email/password validation but form is not submitting after successful validation. Any help ?.

$("form").submit(function(e) {
  e.preventDefault();
  const email = $(".email").val();
  const password = $(".password").val();
  const 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,}))$/;
  console.log(re.test(String(email).toLowerCase()));
  $('.email_v').text('');
  $('.pass_v').text('');
  if (!re.test(String(email).toLowerCase())) {
    $('.email_v').text("Please provide Valid Email Address");
    return false;
  }
  if (password.length < 6) {
    $('.pass_v').text("Password must be atleast 6 characters");
    return false;
  }
  return true;
});

Why do you use toLowerCase() when the regexp matches both upper and lower case? And it's not necessary to call String(), since .val() always returns a string. — Barmar
– Barmar, Commented Dec 21, 2020 at 6:04
Move the line e.preventDefault() to the places returning false or don't do any returns and use e.preventDefault if validation fails at the end of your callback — Ryan Wilson
– Ryan Wilson, Commented Dec 21, 2020 at 6:05

Krystian · Accepted Answer · 2020-12-21 06:09:25Z

2

e.preventDefault() called at the beginning of the script stops the form from being sent.

See the docs:

The preventDefault() method cancels the event if it is cancelable, meaning that the default action that belongs to the event will not occur. For example, this can be useful when: Clicking on a "Submit" button, prevent it from submitting a form. Clicking on a link, prevent the link from following the URL.

https://www.w3schools.com/jsref/event_preventdefault.asp

You may move preventDefault to the places where validation fails, as suggested.

edited Dec 21, 2020 at 6:09

answered Dec 21, 2020 at 6:02

Krystian

1321 silver badge10 bronze badges

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

1 Comment

Teemu Over a year ago

There are much better documentations than W3Schools, please use those instead.

Collectives™ on Stack Overflow

Email & Password validation not working in javascript code

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related