Subscribe
Tutorial search

JavaScript Forms Tutorials


We hope that you will enjoy our JavaScript Forms tutorials. Feel free to contact us if you would like to be a tutorial hero and contribute your own JavaScript Forms tutorial to our site. Thank you !

Sort by:
Selecting and Deselecting Checkboxes
Selecting and Deselecting Checkboxes
If the HTML Form is having large number of checkboxes, then selecting and de-selecting all the checkboxes will be difficult for the users. And, it will take significant amount of time.
Difficulty:
JQuery Mobile for Absolute Beginners  Part 3
JQuery Mobile for Absolute Beginners Part 3
In this lesson, we will discuss on the form elements that are used in jQuery Mobile.
Difficulty:
Email Syntax Validation Using Javascript
Email Syntax Validation Using Javascript
Create a validation email to check for correct format with Javascript.
Difficulty:
Validating URL using Javascript
Validating URL using Javascript
Sometimes, we might need to check and see if a URL entered by a user in a text box is a valid one or not.
Difficulty:
jQuery Form Validation
jQuery Form Validation
I will show you how to use a jQuery validation plugin to setup front-end form validation in just a few minutes.
Difficulty:
Loading The WordPress Comment Form Within A Lightbox
Loading The WordPress Comment Form Within A Lightbox
Tutorial explaining how to load the Wordpress comment form within a jQuery lightbox.
Difficulty:
Form to Wizard jQuery Plugin
Form to Wizard jQuery Plugin
jQuery Plugin which converts HTML form to wizard
Difficulty:
Stop Spam With MotionCAPTCHA jQuery Plugin
Stop Spam With MotionCAPTCHA jQuery Plugin
Motion captcha is a jQuery plugin I've stumbled across where it will ask the user to draw over the image displayed to them, this can only be done by a human with a mouse and therefore proves they are a human so passes the test and allows you to submit the form.
Difficulty:
Capitalize first letter or alphabet of a input field using javascipt
Capitalize first letter or alphabet of a input field using javascipt
This is a simple tutorial which shows how to capitalize first alphabet or letter using javascript. Say for instance you have a contact form in which it has an input field that requires the NAME of the user. Names should always begin with CAPS and the user just like that entered his/her name in the field. Then our script will track that and automatically convert the first letter or alphabet in to uppercase. For example if the name entered by user is gurera linda then our javascript will track this and convert the name into Gurera Linda.
Difficulty:
How Create Nice Looking Dropdowns Using DropKick.js
How Create Nice Looking Dropdowns Using DropKick.js
The reason it will convert the select box to a div and list is because now it is easy to style these how ever you want. With normal select boxes you can style the top selected option but you can't easily style the dropdown options or the select style. When these are list items you can apply a CSS class to the selected item and change the style
Difficulty:
JavaScript : HTML Form - checking for non empty field
JavaScript : HTML Form - checking for non empty field
Often, situations arise when an user should fill a single or more than one fields in a HTML form before they submit it. You can write a JavaScript form validation script to check whether the required field(s) in the HTML form is blank or not.
Difficulty:
Dark Horse Institute
Dark Horse Institute
The Dark Horse Institute is based out of Dark Horse Recording and offers a 12-week Audio Engineering program that will teach you all the skills you need to know to become a successful audio engineer.
Difficulty:
JavaScript : HTML Form Validation
JavaScript : HTML Form Validation
In this tutorial you will learn how to use JavaScript to validate an HTML form. We have discussed the following HTML Form Validation topics with examples.
Difficulty:
Highlight all links in a string of text
Highlight all links in a string of text
In this guide i will show you how to serch a string of text for every link, either with http:// or without it. We will use RegEx to du this
Difficulty:
Auto Save Form script
Auto Save Form script
This useful form script automatically saves the contents of a form periodically as the user types and recalls them in the event of an accidental page refresh or even browser closing. Similar to how GMail automatically saves the contents of your draft email, it's an excellent feature to add to forms that expect a lot of content and where losing them can cause a lot of grief for the user filling the form out.
Difficulty:
Total Tutorials in Category: 115