Home / Beginners / Get started with basic form design and validation using jQuery – #1

Get started with basic form design and validation using jQuery – #1

As this being the first tutorial for beginners, let us see how to design a form with HTML5 and then validate the form fields using jQuery (a javascript library).


* A local server – Wamp Server (latest version)
* A text editor – I personally recommend latest version of target=”_blank”>Sublime Text
* Modern web browser – Chrome, Firefox, Opera, IE12 etc…

Assuming that you have a decent knowledge in HTML let me begin the journey. Let us quickly build a form with proper HTML tag set.

Declare the document type as HTML5 (HTML5 has advanced features that all modern browsers support) by defining <!DOCTYPE html> in the first line of the HTML page. You can simply ignore this but you cannot use the validation features and graphical element support provided by the browsers.

Form design


Before writing any jQuery script don’t forget to call the jQuery library either from http://code.jquery.com/jquery-latest.min.js or locally!

And that’s it!

About Ashik

I am a Full Stack Developer and love to work on APIs and Apps. Hardcore lover of Ionic and Laravel <3

Check Also

Private chatroom using socket.io, NodeJS and MySQL

As I promised to write a tutorial on Private chatroom with MySQL DB in the …

Do you wan't to get notified?

I will not spam your inbox. I will only send email whenever I publish a new article or to share information about technology

You have Successfully Subscribed!