JQuery validate not implementing 'required' in email field

Question

I've a simple HTML input:

<input id="email" name="email" value="" type="email">

and validate it using JQuery validate:

$('form').validate({
    rules: {
      email: {
        required: 'true',
        email: 'true'
      }
    }
});

The rules are applied, I can see them in $('#email').rules(). However when I later run $('#email').valid() or $('form').valid() the input is marked as valid when empty, but invalid when an invalid email address is entered.

How do I ensure the input is invalid when empty?

Relevant JSfiddle: https://jsfiddle.net/ycypuy86/

Is this a simple typographical error though? I get that the actual fix itself was only a set of quotes, however the error wasn't made as a typo - it was made because of the unfamiliarity in difference between string and boolean. The fundamental idea behind that closure reason is because typos aren't useful to anyone in the future, but this specific case is likely very useful - I can see this being quite a common misconception. — Tyler Roper
– Tyler Roper, Commented Jun 9, 2017 at 16:02
I agree, I wouldn't consider it a typo. The confusion was exacerbated by the shorthand email: 'required' for email: {required: true}. — Samizdis
– Samizdis, Commented Jun 9, 2017 at 16:14
@Santi You may have a point, and thus I will remove the closing vote. I would rather invite future people reading this question to visit the official required method documentation before posting or looking for questions such as this. — Ricky Ruiz
– Ricky Ruiz, Commented Jun 9, 2017 at 16:27

Mark Redman · Accepted Answer · 2017-06-09 15:54:57Z

4

I usually set these without quotes?

rules: {
      email: {
        required: true,
        email: true
      }
    }

remove quotes on your fiddle and it works.

answered Jun 9, 2017 at 15:54

Mark Redman

24.6k20 gold badges99 silver badges152 bronze badges

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

1 Comment

Tyler Roper Over a year ago

Ya beat me to it, but I figured I could supply the updated JSFiddle I had to show that this change does in fact resolve OP's issue: jsfiddle.net/ycypuy86/3

Collectives™ on Stack Overflow

JQuery validate not implementing 'required' in email field

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