AJAX Sumbit form





ranking Sort Sort   |   date Sort Sort   |   member Sort Sort
Syndication

« Previous 1 2 Next »
2
Date Submitted Tue. Apr. 10th, 2007 9:39 PM
Revision 1
Helper snowdonkey
Tags Form | PHP | Validate
Comments 3 comments
The following script is a single interface for pre-validating any HTML form. It lets you validate your form data the way you want, while handling the rudimentary tasks itself.

1) Change just one variable to make it work with $_GET or $_POST or $_REQUEST.

2) Name which elements are 'required' all at once in a hidden HTML text input.

3) Easily provide field descriptions in hidden HTML text inputs that you can use to print error statements.

4) Call a single function to print out error statements that you can easily style with CSS.

5) It automatically checks if fields marked 'required' have been filled out.

Most of the pre-validation code is from PHP 5: Unleashed by Sams Publishing. I found it extremely useful for a recent project. Sharing it here, I removed some unnecessary functions, and tried to simplify some points.

All the comments are my own; hopefully I provided more than enough explanation.
3
Date Submitted Fri. Dec. 14th, 2007 4:41 PM
Revision 1
Scripter Fordiman
Tags "javascript" | Form | Prototype
Comments 0 comments
Prototype's Form.Methods library has a nice piece of code called 'serialize', which, if passed with the optional 'hash' parameter set to true, will convert an HTML form into a Javascript Object.

I was dismayed, however, to find that there was no way to reverse it; just as simply load a form using a Javascrip object.

So, here's one. enjoy.
8
Date Submitted Thu. Mar. 8th, 2007 11:37 PM
Revision 1
Scripter Fordiman
Tags ajax | browser-independent | JavaScript | Library | XML
Comments 0 comments
libNog is a 9k library to provide somewhat easier browser-independence. It is not yet complete, and will be continuously revised. It grew from this snippet, and is still growing as I find things I use often.
Presently, libNog features:

A way to browser-independently get an XMLHttpRequest object.
A set of simple methods for GET, POST, HEAD, and to include other Scripts.
Simple methods for className control
A completely abstracted form of getElement*
Browser-independent methods for attaching and detaching event handlers
An event-normalization routine
A simple one-command 'Stop the Event' routine
And the big one: A simplified Class object by which classes can be built in JavaScript.

The above link will point you to the API documentation and history of libNog, as well as where to download the library.
10
Date Submitted Wed. Nov. 9th, 2005 11:45 PM
Revision 1
Helper poncho
Tags Form | JavaScript | Zero
Comments 0 comments
ZeroField
10
Date Submitted Mon. Mar. 6th, 2006 7:09 PM
Revision 1
Helper Snyke
Tags ajax | DHTML | JavaScript | snyke | web2.0 | web20
Comments 1 comments
AJAX: In situ edit
A simple edit in place using Prototype, based on the tutorial @ 24ways.org
10
Date Submitted Mon. May. 1st, 2006 8:26 AM
Revision 1
Coder mattrmiller
Tags Focus | Form | JavaScript | Password | Username
Comments 0 comments
This is a correct way to do login form auto-focus, checking to see if either username or password have focus already. This prevents someone from typing a username hitting TAB, then having JavaScript chime in, resetting focus to Username while user is typing in their password. In this case, the password is appended to the username which is in plaintext.
11
Date Submitted Thu. Oct. 5th, 2006 12:01 PM
Revision 1
Helper Idlemind
Tags ajax | JavaScript
Comments 4 comments
I use this in my AJAX as a quick way to get the Value of the selected item in a Select HTML object. If nothing is selected, it returns zero.
(May be basic to y'all, but maybe really usefull to someone else).
14
Date Submitted Thu. Mar. 1st, 2007 2:09 PM
Revision 1
Helper ushi
Tags ajax | Chat | JavaScript | PHP
Comments 3 comments
Simple chatting script to be placed on a corner of a website
Also a good example how to use ajax.
14
Date Submitted Fri. Jul. 28th, 2006 1:10 AM
Revision 1
Beginner delook
Tags Form | HTML | JavaScript
Comments 2 comments
Set a word or phrase in an input field, clear it onfocus
15
Date Submitted Tue. Nov. 7th, 2006 12:41 PM
Revision 1
Scripter Fordiman
Tags ajax | http | JavaScript | XML
Comments 0 comments
This is a simple script to provide basic cross-platform XML request functionality in Javascript. It's meant to be the core component in any AJAX style framework. It is not an instantiable object, but instead is a namespaced microlibrary.

Calling is easy:
XMLRequest.GET(uri, query, callback, fallback)
uri: The location you're after
query: an associative array of form data to provide via the URL
callback: callback function of the form myCallbackFunction(objXMLHttpRequest), which is called upon successful (response = 200 OK) retrieval of the XML data
fallback: myFallbackFunction(objXMLHttpRequest), which is called upon failed (response != 200 OK) retrieval of the XML data.

XMLRequest.POST(uri, query, form, callback, fallback)
Similar, but does the query using the POST method. 'query' is the URL-appended data, still in associative array form, and 'form' is the same for the POST data.
« Previous 1 2 Next »