JavaScript Form Articles

Synopsis: The whole of chapter 6 from "Beginning JavaScript", by Paul Wilton, published by Wrox Press, ISBN 1861004060

Synopsis: How can you automatically jump to another field once the current field has been competed. For example, when entering a telephone number into separate one character sized form fields? Why you might want to do this is not important. How to do it, caused a fair bit of head scratching here at irt.org when asked to raise to the challenge. This article explains the reasons why it isn't as easy as it might first appear, and shows a fully working example at the end. By Martin Webb.

Techniques: text form field, length, focus, blur, onKeyUp, value property maxlength, size, alert, prompt, modal, non modal, dialogues

Synopsis: So you want to use nice gifs instead of those ugly looking gray buttons to submit and reset your form? No Problem - just use form type=image. Or is there more to it than that? - Rafal Koszyk

Techniques: form, submit, reset, type, image, links, onSubmit, onReset, event handlers

Synopsis: Martin Webb describes how to create a simple JavaScript Tool that can be used to automate the production of encoded name/value pairs to be used when passing data from one page to another

Techniques: form data, Method, GET, POST, encoding data, name/value pairs, escape, handcrafting URL data

Synopsis: If you ever need to keep users from accessing portions of a browser-based form, these handy tricks in DHTML and JavaScript are just what the doctor ordered.

Techniques: HTML 4.0, JavaScript, Netscape Layers, Disabling form elements, forms, elements, write protect, disabled property, hidden document content, hidden forms

Synopsis: This article describes how to transfer data from a form on one page to a form on another page.

Techniques: form, search string, unescape, escape, encoded characters, check boxes, radio buttons, select options, split(), replace()

Synopsis: Jason Nugent describes how to validate form fields using the new JavaScript 1.2 Regular Expression methods. He also describes a method for older browsers

Techniques: Form, onSubmit, this, indexOf(), Regular Expressions, RegExp, replace, split, match, search

Synopsis: Describes a method whereby one dropdown menu will effect the contents of another dropdown menu, for ALL JavaScript enabled browsers.

Techniques: frames, onSumbit, parent, location, href, selectedIndex, menus, objects, options, floating frames, IFRAME

Synopsis: Describes some of the more interesting things that can be achieved with forms created with HTML

Techniques: forms, submit, cancel, enctype, method, action, target, events, hidden, validation, overriding form attributes, *.js source files, floating frames

Synopsis: Covers some advanced uses of dropdown menus: adding an additional entry passed from another page, and locating an entry based on a value entered in a text field.

Techniques: forms, options, select, drop down menu, search, ?, substring, selected, arrays, onClick, onSubmit, onChange, JavaScript1.1, toUpperCase, indexOff

Synopsis: Automate Check Boxes, i.e. their production, interrogation, setting and clearing, and how to find the value of Radio Buttons

Techniques: Form, checkbox, onClick, checked, unchecked, eval, true, false, toString(), reset()

Synopsis: Describes multiple select options, and how to add, remove and replace options

Techniques: onSubmit, onClick, onBlur, onFocus, onChange events, forms, options, selections, images, add remove, replace

Synopsis: Using form selection options to change location of browser

Techniques: onSubmit, onClick, onBlur, onFocus, onChange events, forms, options, selections, images, buttons