Flash Form Validation

Validation of fields in Flash forms using JScript and VBScript

As part of our Flash and ASP integration tutorial series, this step deals with the concept of validating fields in flash forms. Validation is done to prevent users from giving invalid or null data. Javascript validation should always be accompanied by server-side validation in ASP so that browsers which have javascript disabled are also validated. We will now learn to validate the input form in our Flash 'n' ASP Guest-Book.

Important : To validate forms, you need a Netscape browser version 3.0 or later, or an Internet Explorer browser version 5.0 or later. Browsers must be JavaScript-enabled and have Flash Player 5.

Note : Values or code you will have to enter are given in light blue and red show specific settings to be followed by you. Comments in ASP are in bold green.

Starting Flash Guest-Book Interface

Input form Validation in our Flash 'n' ASP Guest Book

We shall now see how to validate the input form with the Name and Email fields needed to be entered and the email field being a valid email ID

Flash Guest-Book Send function interfaces

Double click the Send button and replace the existing action script
with:
     Set Variable: "error" = ""
     If (name eq "" or email eq "")
           If (name eq "")
                Set Variable: "error" = error & "n"
          End If
          If (email eq "")
               Set Variable: "error" = error & "e"
          End If
          FS Command ("null", error)
     Else
          FS Command ("error", email)
     End If
Logic: Here we are checking if the name or email fields are null. If they are null then we send an FSCommand named "null" to display a javascript pop up messages for the null error. If neither of them is null then we send the email field to be validated through a FSCommand named "error"

Fig(a): Input Form

Now insert a blank key frame after the 6th frame of the guestbook layer (Thus too retain the old functions you will have to add a frame to the background and counter (after frame 4) layers too). Now double click the frame and give this action script:
    Set Variable: "iSuccess" = 0
    Load Variables ("GuestBookSendCode.asp", "", vars=GET)
     Set Variable: "submit" = True
     Set Variable: "y" = 0
     Play()
Logic: We are just placing the action script that was previously there in the send button to a frame just after the frame where it is placed.

Finishing Flash Guest-Book Interface

Adding the VBScript and JScript

Cut and paste the following VBScript and JScript in the head content of your guestbook.asp page (where you have placed the guestbook.swf file).

Flash Guest-Book Send function interfaces

1. VB Script :
Logic: guestbook_FSCommand is a subroutine recognized by the Flash Player when an FSCommand is called from a Flash .swf file named "guestbook".

2. JavaScript :
Logic: the funtion guestbook_DoFSCommand is a javascript subroutine called by the VBScript. This function displays error messages through alert boxes if an error is detected and notifies the Flash Player to play() otherwise.

var moviename = "guestbook";

function echeck(str) {

var at="@"

var dot="."

var lat=str.indexOf(at)

var lstr=str.length

var ldot=str.indexOf(dot)

if (str.indexOf(at)==-1){

alert("Invalid E-mail ID")

return false

}

if (str.indexOf(at)==0 || str.indexOf(at)==lstr){

alert("Invalid E-mail ID")

return false

}

if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){

alert("Invalid E-mail ID")

return false

}

if (str.indexOf(at,(lat+1))!=-1){

alert("Invalid E-mail ID")

return false

}

if (str.indexOf(" ")!=-1){

alert("Invalid E-mail ID")

return false

}

return true

}

function guestbook_DoFSCommand(command, args)

{

if ( command == "alert" )

{

alert(args)

return false

}

if ( command == "error" )

{	var emailID=args

if ((emailID==null)||(emailID==""))

{alert("Please Enter your Email ID")

return false

}

if (echeck(emailID)==true)

{movieobject(moviename).Play();

}

if ( command == "null" ){

var strError="You have not entered your: "

var c=0

var name="n"

var email="e"

if (args.indexOf(name)!=-1){

strError=strError + "Name"

c=c+1

}

if (args.indexOf(email)!=-1){

if (c!=0){

strError=strError + " and "

}

strError=strError + "Email Address"

}

alert(strError)

}

return true

}

function movieobject(moviename)

{

if (navigator.appName.indexOf ("Microsoft") !=-1)

{

return window[moviename]

}

else

{

return document[moviename]

}

</script>

Congratulations! You have now completed our Flash and ASP integration guide - hope you had fun learning with us!

Back to Step 6: Flash Interface Preloader

Flash and ASP Guide

This tutorial covers the usage of ASP and Flash to bring about Flash dynamic data display and manipulation i.e. interactivity into Flash:

Flash Form Validation

Validate Flash Forms using JScript and VBScript