Create and validate a form in Flash

January 3, 2010

Actionscript 3.0 Tutorial

Create dynamic text fields in Flash and send them by email . Minimum Flash Designer version 5.0.22.

  1. Create a new document and set the size to 400 x 300 (“Frame” > “Frame Size”)
  2. Set “Frame 1″ to “Stop” (“Frame” > “Frame Delay” and check “Stop”, click OK)
  3. Draw 2 edit fields with the “Edit field” tool, they will appear as Edit1 and Edit2. Double click each field and make sure HTML is not checked, uncheck if necessary.
  4. Draw a button, double-click it and rename it to “OK”.
  5. Draw edit field labels “Phone” and “Email” with the text tool. Double click each field and make sure HTML is not checked, uncheck if necessary.
  6. Draw “ErrorMessage” field with the “Text Paragraph” tool. Choose “Item” > “Text Color” and change it to red. Choose “Item” > “Placement Properties” and rename the field to “ErrorMessage”
  7. Select the button, choose “Action” > “OnClick”. Select “ActionScript” and paste the following code:

    // reset error message
    ErrorMessage = “”;

    // validate phone field
    phone = Edit1;
    if(phone==”") ErrorMessage = “Enter your phone”;

    // validate email field
    email = Edit2;
    if(email==”") ErrorMessage = “Enter your email”;
    if(email.indexOf(“@”,0)<0) ErrorMessage = “Enter valid email”;
    if(email.indexOf(“.”,0)<0) ErrorMessage = “Enter valid email”;

    // build message string
    message = “mailto:support@selteco.com?subject=Title&body=Form contents%0A”;
    message = message + “phone: ” + phone + “%0A”;
    message = message + “email: ” + email;

    // execute form if errormessage is empty
    if(ErrorMessage==”") getURL(message,”_self”);

Hit F9 to preview. The form will not work until you export Flash file and HTML page. Choose “File” > “Export Web Page” to create HTML page and test the form in a browser.

This form is using very basic validation. Use “%0A” as line separator.

Use the following functions or attributes of the string:

  • length returns the number of characters
  • charAt(x) returns zero-based character at position x
  • indexOf(substring,startindex) returns the position of the first occurrence of the specified substring or -1.
  • lastIndexOf(substring,startindex) returns the position of the last occurrence of the specified substring or -1.
  • substr(start,n) returns n characters string starting at specified position
  • toLowerCase(), toUpperCase() converts the string to lower or upper case

Download source project source (1 kb)

, , , ,

Subscribe

Subscribe to our e-mail newsletter to receive updates.

2 Responses to “Create and validate a form in Flash”

  1. Jerri Says:

    Is it possible to create a flash as3 form that can also send PNGEcoded image data to your email?

Trackbacks/Pingbacks

  1. how to Launch email from Flash animation | Flash tutorial | Flash video | Flash actionscript | flash animation |macromedia flash | flash menu | flashconf.com - January 9, 2010

    [...] See also:  Create and validate a form in Flash [...]

Leave a Reply