JavaScript → Tips and Tutorials → Forms

Advanced JavaScript Cascading Form Values

Attached is an example of how to cascade form values from one row to another. Previously I showed how to apply JavaScript cascades to check boxes, in this example we add the same functionality to drop downs and to text boxes.

• Platforms
  • Linux,
  • Windows,
  • FreeBSD,
  • Mac OSX,
  • Sun Solaris
• Licenses
  • BSD Style

Validating a text box for numeric data

A simple javascript validation code to check the user input and allow numeric data and disallow invalid characters

• Platforms
  • Linux,
  • Windows,
  • FreeBSD,
  • Sun Solaris
• Licenses
  • Freeware

JavaScript Form Object

In this JavaScript Tutorial you will learn about JavaScript form object, properties of form object, action - elements[], encoding, length, method, name, target, button, checkbox, FileUpload, hidden, password, radio, reset, select, submit, text, texta...

• Platforms
  • Linux
• Licenses
  • Freeware

Simple WYSIWYG Editor

Creating a WYSIWYG textbox for your website is actually quite simple. Thanks to the html iframe component that contains the execCommand function, which enables us to access html tags in real time.

• Platforms
  • Linux
• Licenses
  • Freeware

Set Focus to First Available Form Control

Sometimes it is necessary to set the focus to the first available form control. The problem is that complex web pages can contain multiple forms and each form individually can contain hidden or disabled elements and controls that cannot accept focus....

• Platforms
  • Linux
• Licenses
  • Freeware

JavaScript Form Validation

Any interactive web site has form input. If you run a validation of the user''s form input before the form is submitted, there will be no wait time and redundant load on the server. &"Bad data&" are already filtered out when in...

• Platforms
  • Linux
• Licenses
  • Freeware

Javascript Text Box Characters Counter

Here you have an example of how you can display and limit the number of characters an user can insert into an input or a textarea field.

• Platforms
  • Linux,
  • Windows,
  • FreeBSD,
  • Mac OSX
• Licenses
  • Other Free / Open Source License

Form Object Tutorial

This tutorial is about accessing form objects of the 3 standard ways via JavaScript.

• Platforms
  • Linux,
  • Windows,
  • FreeBSD,
  • Mac OSX,
  • Sun Solaris
• Licenses
  • Freeware

Ajax ''Suggest'' box for HTML Forms

Tutorial explaining how to use Ajax (Asynchronous Javascript and XML) to create a drop-down ''suggest'' box for form fields which updates as you type by querying the server in the background. Similar to the ''Google Suggest'' ap...

• Platforms
  • Linux,
  • Windows,
  • FreeBSD,
  • Mac OSX,
  • Sun Solaris
• Licenses
  • Freeware

Changing Select element content on the fly

This tutorial explains how to change a select element''s content using JavaScript, from adding new options to modifying and deleting them. It also shows how to create a 2 level interdependent select list.

• Platforms
  • Linux,
  • Windows
• Licenses
  • Freeware

Page:

• 1
• 2
• 3
• Next