PHP scripts, Javascript, script writing, Collection of Scripts Resources, Free Scripts, Source code and Scripts, web resources, source code, free script, books, examples, help and more!

jsOpenSlidebar

Allows the user to comfortably specify some proportions in a form using a slidebar. The main improvement to other slidebar-implementations is that neighbouring sliders may move each other when touching.

Count down field character - Free

A very simple and powerfull Count down field character in javascript !!!! Useful for contact form or any type of forms.

Destination Form Action

A simple checkbox to change the "action" destination in your form. This tools can be used with other form field and text link. Script very customizable and It's free so enjoy !!!!

Advanced JavaScript Cascading Form Values

A cascading javascript function that allows users to select a row, click on the submit button in that row and each of the rows below that one selected. By contrast, deselecting the row further down the page and hitting that row�s submit button would deselect all the rows below that one.

Auto Complete

Auto Complete is a tool that allows to create editable select/drop-down lists. The drop-down list is filtered on real time based on the user's input. This way the users are not restricted to the values already in the list and does not need to make the selection from a very long list since the number of items on the list decrease based on the users' input. This tool is a Dreamweaver plugin (extension), to create an "Auto Complete" list all you need is to create a normal select/drop-down list and then apply the "Auto Complete" tools with a click from the Dreamweaver menu to convert it. This tools does not require server side scripts, it is based 100% on standard browser-side JavaScript

Javascript Get or Set Checked Radio Value

This pair of Javascript function can get or set the checked value of a group of radio buttons. These functions are specially designed for dynamic pages, and work without error with zero, one, or more radio buttons. Also, because the radio length is saved before looping, this function is much faster. Finally, the functions are granted to the public domain.

EJS TreeGrid

Cross-browser DHTML (AJAX) component written in pure JavaScript to display and edit data in table, grid, tree or grid with tree. Provides rows sorting, filtering, grouping, dragging; column freezing, resizing, moving. Advanced formulas like in Excel. Printing and export to Excel. Able to display 1 000 000 rows. Input/output data are in XML format. No JavaScript code requied to use. JavaScript API to full control the component on client side.

AJAX - Driven Skinnable Checkboxes

Finally a really stable and easily configurable version of Skinnable Checkboxes! And ajax-driven too! You'll never mess with id's and html code again when using that script! All you have to do is to edi a simple checkboxlist xml file (stored in the SkinnableCheckboxes/Check boxSets/) folder, choose a list placeholder (a

with an id, where the checkbox list will be generated - the only ID per list you have to type manually), select a skin, set all necessary properties (orientation, enabled, selected, name etc.), initialize it and finally hit F5 to witness the results. The script will do the rest of the job - it will generate standards compliant, accessible and crossborwser code, set events, hierarchical id's, attributes and values. The generated checkbox lists are scriptable, validateable, and are, of course, included in page's DOM and form's POST/GET collection. Native keyboard support is retained as well

Recall Form values script II

This script uses cookies to add a checkbox to your forms, enabling users to remember the values of certain text fields they've entered and recall them later.

JS Auto Form Validator

This is a very easy-to-setup form validation script. The main idea is: we heed to write NOTHING of JavaScript to handle whole form validation process. This script allows you to specify certain form elements as "required" or "non-required" and also what specific type they have: text, password, numeric, zip code etc. The script checks automaticly all required elements to make sure that they are NOT only empty before allowing the form submission, but also that the surfer entered a valid type value.

PrettyCheckboxes

The tool offers you the possibility of changing the standard look of the form elements "checkbox" and "input". The main idea comes from various skins for the Opera browser. You will find 4 predefined skins in the package. You can create also own skins.

JavaScript Spell Check - Spell Checking for Website Forms. AJAX

JavaScript Spell Check is a comprehensive spell checking component for JavaScript. JavaScript Spell Check is compatible with AJAX, ASP, ASP.NET, DHTML and WC3 HTML and XHTML. It is also compatible with almost all modern web browsers. A Free Trial is available to download. SPELLCHECKER DIALOG: A SpellCheck Window similar to that in Microsoft Word. This is ideal for spell checking website forms and data entry, intranets, rich editors and CMS. AJAX SPELL CHECK: A fully featured Ajax Spellchecking API. SPELLCHECK() FUNCTION: function added to JavaScript to allow realtime spell checking and suggestions. INTERNATIONAL: Java Script Spell Check provides international spellchecking in 11 languages - including English, French, German, Italian, Dutch, Portuguese. You can also add your own custom dictionaries

Check All Form

If you have a large number of checkboxes into a HTML form then you will need a control-checkbox to mark or unmark all them at the same time, making the process easier to the user that fills the form. With this Dreamweaver extension, you can very easily introduce into your form a special checkbox that is capable of controlling several checkboxes, or even all checkboxes at once. This is a 100% visual process, you don�t need any hand coding, the extension generated the properly code into the page making the process easy for you.

Javascript color chooser

A visual way to select RGB color for form inputs on a web page. You can choose colors from a palette of web colors, named colors or by using a RGB color slider.

Hotel Reservation Form

This is the client part of a hotel reservation form with client-side validation and localization. It comes along with support for 4 languages - English ("en-US"), Bulgarian ("bg"), German ("de") and French ("fr"). The form labels and validation warning messages are stored in .xml files and parsed onload. The default language could be easily set by changing a single variable in the ... of the webpage: The localization files are easily editable and are stored in the ReservationForm/Localizat ion/ folder. The form layout is pure CSS and may be customized by editing the ReservationForm/Reservati onForm.css file

Skinnable Radiobuttons

Skinnable Radio Button 4.0.0 is finally a successful (in my opinion) attempt for reliable, accessible and semantic skinning of radio buttons. The solution makes use of real radio buttons with labels and their toggle functionality and skinned list-items, allowing single-line and multi-line radiobutton list rendering, native client- or server-side validation and easy skinning using just three images and a few lines of css. Currently it comes with five skins ready to use - AcidMartin, Mac, MacRed, Vista and VistaGreen. Optionally, skinning could be disabled and then the real radio buttons are visible.

Dreamweaver Form Validator

Form Validator gives designers and programmers working with Adobe Dreamweaver a very powerful form validator. This tool supports validation for required fields, integer/float numbers, positive numbers, ranges, string lengths, zip codes, email, checked boxes, compare fields (example for password confirmation), credit card syntax, and more. This validator also accepts regular expressions, useful for custom field validations. There are not programming skills requires, you can create the validation rules from a visual interface accessible from the Dreamweaver commands menu. The Javascript generated code is compatible with all actual browsers. You can validate multiple forms on the same page by using this form validator.

No Entry

Use this JavaScript to ensure that visitors do not leave a form entry blank. If they do, they are prompted to complete it before they can continue.

Country Chooser

If you'd like to know where visitors to your site live, add this script to your feedback forms. Users just choose a region, and the second menu changes appropriately, allowing them to choose their country. (If they choose USA, it allows them to select their state)

Checkbox Changer

Takes a series of known named checkboxes and checks or uncheck them all at once. It can even change each checkbox to the opposite checked or not checked value.

Check E-Mail Addresses

Use this JavaScript to ensure that e-mail addresses provided in a form submission contain a prefix, the '@' sign, and an appropriate suffix (.com, .net, etc.).

Form Helper with Images

This is a neat JavaScript that allows you to use your own images to help your visitor's fill out a form. Use images to validate entries as well!

Select All Text

This is a simple JavaScript example for allowing users to select/highlight a textarea content with a click of button.

Update Price of Selected Item

This JavaScript shows how to update a text component of a form on a selection change in the same form. It uses the event onchange to trigger the javascript function to go see what is selected and look up the price for that selection. Its design allows the programmer to write the code for the selection order or the definition of the prices in any order he/she wishes.

Change Color of Form Components

This script allows you to set the colors of the form components using the style properties. It works in IE only.

Erase Text

This is a code snippet demostrating how to empty a textarea with a simple click.

Submit a form only once

This script demonstrates how to prevent your users from submitting the same form data multiple times. If the user click the submit button more than one once, it shows a small message that the form data has been already sent.

dateBox Javascript Object

dateBox is developed to easily work with date HTML form fields and represent a set of date fields as normal JavaScript Date object. The main part which set it apart is OOP. The script turned out to be weighty, but it is not a big problem as it is mainly intended to be used in web interfaces so user will have to download it only once. Main features: OOP structure; automatic recalculation of the day drop-down menu; correctly handles leap years; ablility to compose short and long dates; support for IE 5+ & NS 6+ (and other Gecko compatible browsers); and customization.

JSpell JavaScript Spell Checker

JSpell Spell Checker - Now available, a pure JavaScript front-end for JSpell - Put a Spell Checker on your web page with only 10 lines of code that you cut and paste. Works with plain HTML, JSP, ASP, CGI generated web pages as well as Oracle Forms and Java. The only spell checker product designed exclusively for the web. Our HTML Spell Checker and our Java Spell Checker demos are online.

qForms JavaScript API

qForms is a complete JavaScript API for interfacing forms. It will not only simplify your work, but will also give you the ability to create more complex form-based interaction. qForms was designed with everyone in mind�from the complete JavaScript novice to the most sophisticated guru. In this session, we�ll cover all the basics of the API as well as how to create your own add-ons. qForms is an open-source JavaScript API released under the GNU LGPL.

Date Validation and Format Correction Javascript

If you want to verify a date in a textbox just call the checkdate - function with the textbox name as parameter. The script tests the date and changes the date into the correct format. An US Date Format Version is now available.

Form field Limiter

This script limits the amount of text a user can enter into particular INPUT or TEXTAREA elements, plus displays in real time the number of characters remaining.

Check Form

Check Form is a form validation script that checks if all fields in the form have been filled out. The script can be easily extended.

Format a Phone Number

Formats a phone number in a text field. Set up for American phone numbers at the moment. Updated from a script by Roman Feldblum.

Ken's Country List Generator

Displays a short list of ~39 countries -or- a complete list of ~240 countries, all under the users control and in ONE select control. The user can switch back abd forth between the two lists. It even supports default values.

Validate empty form fields and e-mail addresses

Checking that form fields have input is extremely important - having this performed before the form is submitted, client side, before its handled by anything at the backend such as an SQL or MS Access database, is vital and an additional factor in getting accurate input. This code contains functions to check null input and also to check if an email address follows a valid pattern.

Drop-In Form Validation

Using a combination of CSS and Javascript this script will demonstrate how to drop in code to check all the required fields on a HTML form without having to specify each and every field. Incredibly Simple and easy to integrate with your site.

Email Validator

Use this JavaScript to validate Email addresses on the client-side. To validate an Email address, use the function in the following manner: isEmail(someEmailAddress). The function returns true if the Email is valid, else the function returns false. The isEmail() function does not use regular expressions while the isEmail2() function uses regular expression for validation.

JavaScript Form validations made easy

Client side java script is the efficient way to validate the user input in web forms. It gives the response immediately and reduces the server load. But, when there are many forms in the project and when the forms are long, writing the form validations becomes a daunting, repetitive task. Save yourself from coding long validations for your forms. Here is a simple, powerful form validation code. Using this code, you can do the common form validations in a snap.

Clear default form value script

Use this script to automatically clear the default value of any form's input field when the mouse sets focus on it. This script intelligently distinguishes between default and user-entered text, and clears only the former on mouse focus.

Word Filter

Word Filter is a type of form validator. When the user submits some text, the validator will check the text for words that has to be filtered. The words that have to be filtered must be added to the array swear_words_arr. When the user types the text and hits the submit button, if the text contains any word that is present in the array swear_words_arr, the form will not be submitted. The script can be used for validation of swear words etc.

Highlighting Form Text Areas on Mouse Click

This simple script set shows how to highlight (select) the text in a form's textarea by clicking on a link. Useful for code listings, order form information, or other material the visitor may wish to copy to the clipboard with Control+C.

DHTML Sortable Grid Control (With Form Elements)

100% Client Side JavaScript Sortable Grid Control. This control supports form elements within the grid and is capable of sorting on form element changes. Works in NS 6.2 and above and IE 5.0 and above. Easy to customize for your web site.

Select Menu 2 ... Select Menu with persistence

Group and split your long option list into some short sub-lists and use a top-list to switch between them. And remember the user selections when come back to the same page.

Filter Large Select Lists

If you have a very large HTML SELECT list, finding the correct item can be like looking for a needle in a haystack. For example, if you have a list of a couple hundred names, finding a single one can be difficult. This article provides a JavaScript technique for filtering the items in a select list so that only the matching items are shown, making it much easier to locate the desired item.

Input Masking

This script allows to control user input by specifing a mask for it. Test system set up at download URL for you to see if the script is what you are looking for.

Accept Terms and Conditions

This Script requires your visitors/customers to accept your terms and conditions before proceeding to the next page. Ideal for order-forms, age restricted content or to help thwart auto robots using feedback forms by requiring the user to authenticate the form before submitting their details. Also other scripts.

Verify/notify For Duplicate Fields

Many forms will require the user to enter an email address twice (to check for typographical errors). This script immediately notifies the user when the two fields match - it's a nice, user-friendly touch, and safe for all browsers.

Duplicate Form Field

Originally written for a website design company that required users to firstly input a domain name choice and then to choose their primary e-mail address, this little script 'echoes' or duplicates the domain name value, copying itself to the end of the E-mail address, which then cannot be changed.

MX Widgets Suite PHP

Powerful HTML controls for database binding - For the Dreamweaver MX PHP developers who need to implement enhanced dynamic forms, the MX Widgets Suite offers a powerful alternative to the regular HTML controls. Unlike standard MX forms development, that requires manual coding to implement the application logic, our product relies on the power of the server side language and JavaScript to enforce an accurate and user friendly forms completion. MX Widgets supports: ColdFusion, PHP and ASP VBScript. Features: --Editable Dropdown; --Dependent Dropdown; --Calendar Widget; --Dynamic Search; --Enhanced Input Widgets; --n..1 Dependent Field; --Multiple browser compliance; --PHP, ColdFusion and ASP support; --Compatibility with all Dreamweaver form generators.

Active Tri-State Roll-Over Images on Form Submit and Reset

Replace the ugly 'gray button' Reset and Submit on forms -- this script shows how to use active tri-state roll-over images, instead. A quick-take tutorial is included, along with images and notes on using styles with form elements for a flashier look and feel.

Tigra Form Validator PRO

Tigra Form Validator is professionally designed JavaScript component performing client-side form validation of any complexity. The script supports most of the data types used in online forms and it can be easily extended with any custom types. Offering reach feature set, and great browser compatibility Tigra Form Validator PRO is suitable for any HTML form imaginable so visitors benefit from uniform, intuitive and friendly client side validation.

PickList II script

This script lets you move elements from one selection box to the other. It allows for multiple items to be moved at once, and all items are sorted alphabetically as they are moved.

Color Picker by flooble.com

The flooble color picker works using DHTML. Unlike other color pickers that pop up a new window and can get blocked by a zealous popup blocker, ours uses a dynamic DIV making it lightning fast! There is also an indicator square that lets your visitor see what color they picked. This free cross browser script has a number of easy integration options: Editable field, Uneditable field and Hidden field - for total control!

Credit Card Validation Script

This script verifies whether a credit card number follows some well known rules for various card types. For example, it checks the number of digits in the card and compares the starting digits for that card against the known digits for that card type. It also uses an algorithm called the Luhn algorithm that does a kind of checksum on the card number.

jValX - easy XHTML compliant form validation

Tired of writing form validation scripts? Embed it all in your html form and let jValX do the rest! XHTML 1.0 STRICT compliant

Print Out Current Window Script

This simple cut-and-paste script opens the Print Dialogue, and lets your visitor print out the current page. Useful for information pages, script pages, receipt pages, etc.

Echo Form Field

Fill in a text field in a form and this JavaScript changes or 'echoes' the value of another specified text field. The other text field value is then locked to that value.

Form Guard

Easy-to-use functions to check credit card, email address, phone, username, date, date range, number, decimal and number range.

Flooble Hierarchical Select Menu

Traditional HTML Select Menus aren't very good for presenting Hierarchical data, and this script was made to address that need. It allows you to build a Select-like Menu, which can contain any number of Sub-Menus, of infinite depth, so you can let your visitor drill down to the item they want instead of scrolling for it. The new control ties to a Hidden form field, so the selected value is submitted as normal. Works with all major browsers.

Javascript Get Variables

This function allows you to read form variables from static HTML. Combined with the document.write() method, you can actually add dynamic content to regular HTML. Given a choice, server side processing of form variables is preferable.

Form Field Validation

This series of functions provide common form validation for required fields, dates, numbers, and email addresses.

Check if its a number

This is a validation JavaScript that checks the value inside a form box to ensure it's a number.

Select List Of Current Month

This is a JavaScript example that creates a menu (drop down select list) of all the days in the current month. The current date is selected by default.

Question/Answer Validation

This JavaScript shows how to have a form-based question validated on the submit. It builds the new page which it writes to the window after the answer is submitted. It tells on the new page if you got the answer right or not.

ResizeObjects

ResizeObjects is a set of Javascript functions that that enable a user to build a form and dynamically resize the form objects depending on the size of the browser window. It is copyrighted, and distributed under the GNU Public License.

Form Dynamically Display Parts

This JavaScript example shows how to create a form that has a portion of the form shown (or hidden) upon certain user events. (radio button selection by the user in this example) Note: Netscape has a problem with embeding a portion of a form inside a DIV/SPAN/LAYER, which is why there are three forms shown here, but once you have the values, its easy enough to pull the information together before running the target of the frame.

Highlight / copy form element script

This JavaScript allows your surfers to easily select and copy the contents of your form elements.

Advanced Email Check

This is a script that closely examines the content of a form box to ensure that the user entered a valid email address. If not, the form submition is canceled, and the surfer prompted to re-enter a valid address.

Form - CheckBox

This JavaScript demonstrates how to determine which options of a checkbox are selected.

Select All/None Select List

This is a simple JavaScript showing how to select all or none of the items in a select list. All the items are shown (not a drop down list) only to show that they are all selected or none are selected.

Validation (Num. or Chars)

Validates an input field to make sure that only a number or character is entered. If you enter a number or a letter everything you can continue on. But, entering another value like an exclamation point (!), an ampersand (&), or a dollar sign ($), you will be prompted with a warning message. It even highlights the incorrect entry field for you.

Form Validation

you can use this JavaScript to ensure that all elements of a form are properly filled out before they can be mailed to you. It uses cookies for the form validation.

Validation

Let Javascript help you receive feedback from your visitors. The script also requires that all fields must be completed before the form is submitted.

Select Validation

This JavaScript allows you to ensure that visitors choose both a radio button and a checkbox. Invalid submissions are cancelled.

Suggestions

This JavaScript allows your visitors to send you feedback right from their browser. It also automatically logs their Browser types and versions.

Submit Once

Do you ever receive multiple copies of a single form submission? Do your visitors click the submit button over and over, hoping it will hurry up the process? This script will solve the problem by preventing the visitor from submitting the form after the first submission. Basic field validation also included.

Only One Field

The visitor must fill in either one of two fields, their name or email address. If they click in either box the other box's value is erased. Ensures that when the form is submitted only one field contains a value. Also contains validation that makes sure both fields are not empty.

Form Validation

This is a simple form validation script that checks for empty fields. Dreamweaver offers very little in JavaScript form validation unless you're using Cold Fusion. In my opinion the built-in form validation behavior in Dreamweaver is sloppy and not user friendly. This script creates required fields and makes sure that the fields are not empty when the user submits the form. If the required fields are empty, the form does not submit and the focus is set to that text field. Setting the focus is a nice feature because the user is directed to the exact field that produced the error. You can do more with this script by making sure the form does not contain certain words, email address validation, and so on. For this demonstration I am only showing the basic script. Feel free to modify and utilize this script in any way you see fit. If you have any questions, contact me.

jsVal: JavaScript Form validation framework

jsVal is a JavaScript program used for validating HTML Forms on the client side. This allows HTML forms to be validated in the browser without having to send a request to a sever (PHP, ASP, Perl...). jsVals saves you from having to write complicated validations on server side as well as helping you avoid having to rebuild and repopulate the form when validation fails. The advantage versus other client side HTML form validators is the ease of use and flexibility you'll gain. jsVal fits the needs for most HTML Forms, and can be also easily be integrated with existing HTML Forms.

Carpe Sliders

DHTML Sliders for XHTML/HTML forms or other dynamic controls. They are highly customizable using CSS and simple JavaScript calls in your web page. They have been designed without the use of any image files, applets, or other objects.

Number Scroller

The Number Scroller form control provides you with the ability to implement a control that performs all required number verification and validation at the browser, prior submitting results to your server. The control allows you to verify and validate both integer or float (decimal) number formats. The control contains the necessary error check algorithms to ensure that your users does not enter invalid characters (i.e. alphabetical characters). The GUI of the number scroller is reminiscant of the old-style electricity meters found in old buildings:A indicator is suspended above a scrolling display of the current number value. Furthermore, the exact value is displayed in a adjacent box, allowing users to enter numbers manually.

CSS Font Picker

The Font Picker form control provides your users with the capability to select CSS font settings with ease and confidence, using an interface everybody is familiar with - if you have used a word processor before, you will be able to use the Font Picker control. The Font Picker control turns your browser into a tool for setting font parameters with ease.

dhtmlxTreeGrid

dhtmlxTreeGrid is a cross-browser JavaScript component that combines editable table and tree view. It represents both hierarchical and tabular data and allows convenient data entry and editing. Ajax support and rich JavaScript API brings great flexibility to the treegrid allowing you to create customizable dynamic tables with expandable rows. dhtmlxTreeGrid supports data sorting, column resizing, drag-and-drop and different cell types.

Editable JavaScript TreeGrid

DHTML JavaScript component to display and edit data in table, grid, tree or grid with tree. Compatible with the most of standard browsers. Does not require any installation or other components on client or server side. Has very small code (~50 kB) due compression used. Communicates with server by standard HTML submit (POST) command. Bandwidth between server and client is reduced to minimum because all actions are performed on client side and from and to server are sent just pure data on submit.

Count Checkboxes/RadioBoxes Selected

This example counts the number of radio boxes that are selected.

Disable Checkbox

This shows how to disable a checkbox selection based upon a radio button selection

Change Button Text On MouseOver

This randomly picks a string to use and places that string on the form button. This runs on a mouseover event, so that everytime the user places the mouse over the button its text will change.

BlueShoes Slider Widget

Much nicer than an input field where a user can type in a number from 0 to 10, to 100 or whatever. many features, check the web page.

BlueShoes FlipFlop Field

In a select form field that has the "multiple" attribute, the user may select more than one option. The problem is that most normal users don't know that this can be done using by holding shift or ctrl while clicking.

BlueShoes LimitedTextarea Field

I bet you've seen it: a textarea field with the message "max 255 characters" next to it. But when do i have to stop typing? Me, I open MS Word and use the "count characters" feature. Very annoying.