The net's largest PHP, CGI, Perl, JavaScript and ASP script collection and resource web portal
  New Listings
New Listings
Most Popular
Most Popular
Top Rated
Top Rated
Discussion
Discussion
Link to Us!
Link To Us
Search For:         
   
 
Sponsors


Categories

Ajax
ASP
ASP.NET
C and C++
CFML
CGI and Perl
Flash
Java
JavaScript
PHP
Python
Remotely Hosted
Ruby on Rails
Tools and Utilities
Web Hosting
XML

Sponsor Links


Home :: JavaScript :: Tips and Tutorials :: Forms
Sort Listings By:       Click if you want to be notified of new or updated links in this category
  Total: 25    Displaying: 1 - 20 Pages:  1 2

   Advanced JavaScript Cascading Form Values   Hits: 288 

 
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.


Free   Version: n/a   Platform(s): linux, windows, freebsd, osx, sun   Updated: Mon Jan 21 2008

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Simple WYSIWYG Editor   Hits: 2316 

 
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.


Free   Version: n/a   Platform(s): linux   Updated: Sun Feb  4 2007

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Javascript Text Box Characters Counter   Hits: 1933 

 
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.


Free   Version: n/a   Platform(s): linux, windows, freebsd, osx   Updated: Tue Jan  2 2007

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Ajax 'Suggest' box for HTML Forms   Hits: 6044 

 
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' application. Full tutorial, code snippets and further reources. And it's free, of course.


Free   Version: n/a   Platform(s): linux, windows, freebsd, osx, sun   Updated: Wed Jan  4 2006

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Changing Select element content on the fly   Hits: 2490 

 
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.


Free   Version: n/a   Platform(s): linux, windows   Updated: Fri Nov 11 2005

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   AJAX Tutorial - First AJAX form   Hits: 4277 

 
In this article, I'll explain demonstrate the fundamental steps to creating an Ajax form. In this demo, there are two files, one is index_demo.php and the other is add_url_demo.php


Free   Version: n/a   Platform(s): linux, windows   Updated: Sat Oct 22 2005

Listing Details
Visit
Download
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Resetting forms using an Image Button (IE4+ / NS4+)   Hits: 3233 

 
In forms when using text boxes or text areas and check boxes you might need a reset button that is not the usual gray HTML button. For this you can use a small JavaScript function as given below. Note: This button will reset only text boxes,text areas and check boxes as list boxes and option buttons don't usually require resetting. After resetting the form the cursor will set the focus to the first field in the form.


Free   Version: n/a   Platform(s): n/a   Updated: Fri Apr 22 2005

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Text Box Characters Counter   Hits: 6899 

 
In forms when using text boxes or text areas with limited character length (usually needed for forms that submit data to a database) it is always a good idea to tell the user how many characters they have remaining. The following example shows how you can do this. This is a very simple and cute idea to help the user know exactly how many characters he can type further. Do these small add-ons to your forms and they will look really professional.


Free   Version: n/a   Platform(s): n/a   Updated: Fri Apr 22 2005

Listing Details
Visit
Refer
PDF
  Member Reviews (1) Visitor Ratings

   Submit1ce   Hits: 3438 

 
Got a submissions form that you keep getting multiple submissions from? I've found that in most cases its because people are impatient and click the submit button repeatedly until they get a response. The unfortunate result is that you receive multiple copies of the same form. This little bit of JavaScript disables the submit button as soon as it is clicked for the first time and prevents the user sending their form multiple times. Script now also changes the text on the button to 'Thanks' (this can be modified to suit)


Free   Version: 1.1   Platform(s): n/a   Updated: Sat Apr  9 2005

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Validating a text box for numeric data   Hits: 679 

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


Version: n/a   Platform(s): linux, windows, freebsd, sun   Updated: Fri Aug  3 2007

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   JavaScript Form Object   Hits: 821 

 
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, textarea and methods of form object.


Version: n/a   Platform(s): n/a   Updated: Thu May 24 2007

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Set Focus to First Available Form Control   Hits: 784 

 
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. In this tutorial we will create a function which iterates through all forms until it finds the first available form control.


Version: n/a   Platform(s): n/a   Updated: Tue Jan  2 2007

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   JavaScript Form Validation   Hits: 1966 

 
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 input is passed to the server-based program. It also allows to simplify server-based program. Client side form validation usually done with javascript. For the majority of your users, JavaScript form validation will save a lot of time up front.


Version: n/a   Platform(s): n/a   Updated: Wed Sep 20 2006

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Form Object Tutorial   Hits: 1054 

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


Version: n/a   Platform(s): linux, windows, freebsd, osx, sun   Updated: Wed Feb  1 2006

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Address Auto-Fill Ckeck Box   Hits: 2699 

 
Javascript code that automatically fills in the address in all places needed on the page after just once entering it and selecting the check box.


Version: n/a   Platform(s): n/a   Updated: Mon Apr 18 2005

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

    How to pass values from one field to other fields using Javascript   Hits: 1847 

 
One of the big questions people have is how they can pass values from fields to others fields.


Version: n/a   Platform(s): linux, windows   Updated: Tue Apr  5 2005

Listing Details
Visit
Refer
PDF
  Member Reviews (1) Visitor Ratings

   JavaScript Form object explanation   Hits: 1175 

 
Complete listing of the Form object of JavaScript and its properties/methods. Also includes additional pages describing objects beneath Form, such as TEXTAREA, SELECT etc.


Version: n/a   Platform(s): n/a   Updated: Fri Oct  1 2004

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Form Change Event (Dynamicaly change one form value while other is changed)   Hits: 4042 

 
Let us say that we have a form with two select options. We want one to change when we change the value of other. Follow the steps to do it yourself


Version: n/a   Platform(s): n/a   Updated: Wed May  5 2004

Listing Details
Visit
Download
Refer
PDF
  Member Reviews (0) Visitor Ratings

   Enabling/ disabling form elements using JavaScript   Hits: 4025 

 
This tutorial shows you how to use JavaScript to dynamically enable and disable form elements, making the process of filling out forms more intuitive.


Version: n/a   Platform(s): n/a   Updated: Mon Mar 22 2004

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

   The target attribute   Hits: 4496 

 
For various web scripts it is more convenient that user will see form executed in new window when he is pressing the submit button. Using JavaScript you can control the appearance of that window. change size, turn off navigation panel, hide manubar and so on. This technique is very helpful for poll and guestbook applications.


Version: n/a   Platform(s): n/a   Updated: Wed Oct 30 2002

Listing Details
Visit
Refer
PDF
  Member Reviews (0) Visitor Ratings

  Total: 25    Displaying: 1 - 20 Pages:  1 2

Share


Register | FAQ/Support | Contact Us | About Us | Getting Rated | Link to Us | Bookmark Us | Advertising Info | Terms of Use | Privacy Policy
Copyright © 2008 iNET Interactive. All rights reserved.
Other iNET Interactive Sites:
Web Hosting Talk | dBForums | Mac Forums | Hosting Catalog