Coolmaps Components Club : SiteWorks : CoolSchool : CF Workshop : Forms

CFFORM replaces the standard HTML <FORM> tags. By itself it doesn't add value to forms, but what it does do is allow you to embed a whole bunch of other very cool and powerful CF tags including CFGRID, CFINPUT, CFSELECT, CFTEXTINPUT, CFTREE or any java applet using CFAPPLET.

So what!? Let's take a look at a very cool advantage of CFFORM - the CFINPUT tag.

So far we've been validating our forms server side which is great, but sometimes client side validation doesn't go astray which is what CFINPUT is all about.

CFINPUT replaces the standard HTML <Input> tag and lets you automatically embed javascript validation code into your forms.

View the Source of this page in your browser, then view the CFM source that produced it!

Explore the CFFORM/CFINPUT Demo form below:

The field below has been set to 'Required'. The form cannot be submitted without a value. Try and submit the form without entering a value.

The field below has been set to 'Required' and 'Integer'. The form cannot be submitted without an Integer value. Try and submit the form without entering a value first, then enter a letter.

CFINPUT can generate the javascript to validate CreditCard, Date, Eurodate, Float, Integer, Social_Security_Number, Telephone, Time and Zipcode!