Validation of fields in Flash forms using JScript and VBScript

This section 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 ASP (or any other technology used by you) validation 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 are 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.

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>

Absolutely FREE Web Templates
Check out these quality free web templates and download them without any registration or sign-up!

FREE Web Design Guide
From web design tips & ideas to HTML, CSS Styles, Fireworks & Dreamweaver you'll find all you need to know about effective web site design right here!

Quality Dreamweaver Templates
Professional quality dreamweaver templates in over 20 categories, starting at just $9.95! Instant download & easy customization