required field validation in html5 form using javascript

Question

i am creating a sign up form in which there are 7 required fields, i want to validate those required fields using javascript. i tried if-else block but its troublesome and confusing, is there any other way to do those required field validation in javascript, without using jQuery validation library?

Thanks.

There is but how easy it is depends on what type of field you have, if they are all text fields it's easy, if you have select and others it gets more complicated as you need to grab the value different way depending on the field type — GillesC
– GillesC, Commented Apr 13, 2012 at 22:27

Dale · Accepted Answer · 2012-04-13 22:28:13Z

1

If you are using html5 you may want to take a look into the newer input tag attributes.

http://www.w3schools.com/html5/att_input_required.asp

answered Apr 13, 2012 at 22:28

Dale

10.5k23 silver badges34 bronze badges

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

Comments

squarephoenix · Accepted Answer · 2012-04-13 22:29:27Z

0

see http://www.w3schools.com/js/js_form_validation.asp

and http://php.net/manual/en/filter.examples.validation.php

both sites have form validation made easy, PHP's is built-in

answered Apr 13, 2012 at 22:29

squarephoenix

1,0037 silver badges7 bronze badges

Comments

blocco · Accepted Answer · 2012-04-13 22:32:34Z

0

You can use the pattern attribute which is a regular expression that is checked against the content of the field to determine whether or not the field is valid. Also, to make sure that the field is not empty, you can use the required attribute.

answered Apr 13, 2012 at 22:32

blocco

1619 bronze badges

Collectives™ on Stack Overflow

required field validation in html5 form using javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related