1. Spry

2. Adobe Dreamweaver CS3 and Spry Adobe Dreamweaver CS3 allows the user to include additional functionality provided by the Spry JavaScript library. Spry enables the web-page designer to include client-side validation as well as AJAX behavior (which yields more responsive pages by allowing a server update for part of a page instead of whole pages).

3. Spry

4. Insert/Form/Spry Validation Text Field

5. Fill in the dialog-box information

6. Select the Required Checkbox and set Min Chars value to 1 (or more)

7. The Type drop-down list allows one to select the validation pattern

8. For the third text field, choose the Phone type

9. Let us say that this field is not required

10. Trying to submit a form with no First Name

12. Having no phone number is OK

13. But having a phone number with the wrong format is bad

14. Including a hint

15. Phone hint displaying when form initiates

16. Spry code in head

17. ’s added around tag

18. More spry code after

19. SpryAssets folder: local and remote

20. Reminder ! You can never be satisfied with just client- side validation – no matter how fancy. Security requires checking on the server side because the client is out of your control