Home Tutorials Forums Articles Blogs Movies Library Employment Press Buy templates

Go Back   ActionScript.org Forums > Supporting Technologies > Server-Side Scripting
Reload this Page Advanced Form validation in Flash

Reply
 
Thread Tools Rate Thread Display Modes
Old 01-11-2001, 05:24 PM   #1
skeletors_skull
Registered User
 
Join Date: Jan 2001
Location: Troy, MI
Posts: 3
Send a message via ICQ to skeletors_skull Send a message via AIM to skeletors_skull
Angry
I'm trying to do some Javascript-grade form validation on a Flash movie, but I'm having a really hard time.

I'm not good enough at Javascript to convert the syntax over to Actionscript, and the only good tutorial/movie I could find was for an e-mail checker.

Anybody ever to really robust form validation on their movies (correct ZIP codes, states, so forth and so on)?

Please help!
skeletors_skull is offline   Reply With Quote
Old 01-11-2001, 05:53 PM   #2
FlashGuru
Flash'a'holic
 
Join Date: Dec 2000
Location: London, UK
Posts: 82
Send a message via ICQ to FlashGuru
Default
Post your javascript code and ill convert it for you?!
FlashGuru is offline   Reply With Quote
Old 01-11-2001, 06:14 PM   #3
skeletors_skull
Registered User
 
Join Date: Jan 2001
Location: Troy, MI
Posts: 3
Send a message via ICQ to skeletors_skull Send a message via AIM to skeletors_skull
Default
It's pretty easy to find form validation scripts for regular HTML pages via Javascript out there. Let me see, what was that one I found off of Google...

http://www.builder.com/Programming/Scripter/102198/

if you could convert that, that would be schweet.
skeletors_skull is offline   Reply With Quote
Old 01-12-2001, 05:26 PM   #4
skeletors_skull
Registered User
 
Join Date: Jan 2001
Location: Troy, MI
Posts: 3
Send a message via ICQ to skeletors_skull Send a message via AIM to skeletors_skull
Default

<html>

<head><title>MegaScript form validation example 1</title>

<script language="JavaScript"><!--

// check for IE3
var isIE3 = (navigator.appVersion.indexOf('MSIE 3') != -1);


/************************************************** *************
** define and instantiate validation objects
** the validation object accepts the following parameters:
**
** realName: name used in the alerts (same as label on the page)
**
** formEltName: this must be the name of the corresponding
** HTML form element; make it the same as the object name
**
** eltType: element type (we have to create this since IE3
** doesn't support the type property for for elements)
** text
** textarea
** checkbox
** radio
** select
**
** uptoSnuff: function call that's evaluated during validation check
** isText(str)
** isSelect(formObj)
** isRadio(formObj)
** isCheck(formObj, form, [index of first checkbox in group],
** [number of checkboxes])
** isEmail(str)
** isState(str)
** isZipCode(str)
** isPhoneNum(str)
** isDate(str)
**
** format: text representation of required format;
** pass 'null' if no required format;
** used in alert as an aid to user
************************************************** *************/

// object definition
function validation(realName, formEltName, eltType, upToSnuff, format) {
this.realName = realName;
this.formEltName = formEltName;
this.eltType = eltType;
this.upToSnuff = upToSnuff;
this.format = format;
}

// create a new object for each form element you need to validate
var lastName = new validation('last name', 'lastName', 'text', 'isText(str)', null);
var email = new validation('email address', 'email', 'text', 'isEmail(str)', null);
var state = new validation('U.S. state code', 'state', 'text', 'isState(str)', null);
var zipCode = new validation('zip code', 'zipCode', 'text', 'isZipCode(str)', 'xxxxx or xxxxx-xxxx');
var phoneNum = new validation('phone number', 'phoneNum', 'text', 'isPhoneNum(str)', 'xxx-xxx-xxxx');
var date = new validation('date', 'date', 'text', 'isDate(str)', 'mm/dd/yyyy');
var zodiac = new validation('astrological sign', 'zodiac', 'select', 'isSelect(formObj)', null);
var iceCream = new validation('favorite ice cream flavor', 'iceCream', 'radio', 'isRadio(formObj)', null);
var reason = new validation('reason for reading this', 'reason', 'checkbox', 'isCheck(formObj, form, 14, 3)', null);

/************************************************** *************
** Define the elts array:
** Add a new item to the array for each object you create above
** Make sure the value of the array element is the same as
** the name of the object, and that the array elements are listed
** in the same order the corresponding objects appear in the form
** (it's more clear to the user that way)
************************************************** *************/
var elts = new Array(
lastName,
email,
state,
zipCode,
phoneNum,
date,
zodiac,
iceCream,
reason
);


/************************************************** *************
** The main function keeps track of which fields the user missed
** or filled in incorrectly, and alerts the user so they can go
** back and fix what's wrong.
** Set allAtOnce to true if you want this "validation help" to
** alert the user to all mistakes at once; set it to false if
** you want it to show one mistake at a time
************************************************** *************/
var allAtOnce = false;


/************************************************** *************
** change text for alerts here
** unspecified field (text): "Please include [field name]."
** unspecified field (other): "Please choose [field name]."
** invalid text field entries: "[field value] is an invalid [field name]!"
** help with format: "Use this format: "
************************************************** *************/
var beginRequestAlertForText = "Please include ";
var beginRequestAlertGeneric = "Please choose ";
var endRequestAlert = ".";
var beginInvalidAlert = " is an invalid ";
var endInvalidAlert = "!";
var beginFormatAlert = " Use this format: ";


/************************************************** *************
** these functions validate the string or form object passed in,
** and return true or false based on whether the test succeeds or fails
**
** validate existence of input
** isText(str): verifies text input or textarea is not empty
** isSelect(formObj): verifies item from a select menu is chosen
** isRadio(formObj): verifies one of a group of radio buttons is chosen
** isCheck(formObj, form, [begin], [num]): verifies at least one
** of a group of checkboxes is checked
** for [begin], fill in the index number in the elements array
** of the first checkbox (remember to start counting from zero)
** for [num], fill in the number of checkboxes in the group
**
** validate text in text input or textarea matches pattern
** isEmail(str): verifies email address (contains "@" and ".")
** isState(str): verifies U.S. State Code
** isZipCode(str): verifies zip code of form xxxxx or xxxxx-xxxx
** isPhoneNum(str): verifies phone number of form xxx-xxx-xxxx
** isDate(str): verifies date of form mm/dd/yyyy
************************************************** *************/

function isText(str) {
return (str != "");
}

function isSelect(formObj) {
return (formObj.selectedIndex != 0);
}

function isRadio(formObj) {
for (j=0; j<formObj.length; j++) {
if (formObj[j].checked) {
return true;
}
}
return false;
}

function isCheck(formObj, form, begin, num) {
for (j=begin; j<begin+num; j++) {
if (form.elements[j].checked) {
return true;
}
}
return false;
}

function isEmail(str) {
return ((str != "") && (str.indexOf("@") != -1) && (str.indexOf(".") != -1));
}

function isState(str) {
str = str.toUpperCase();
return ( (str == "AK") || (str == "AL") || (str == "AR") || (str == "AZ") || (str == "CA") || (str == "CO") || (str == "CT") || (str == "DC") || (str == "DE") || (str == "FL") || (str == "GA") || (str == "HI") || (str == "IA") || (str == "ID") || (str == "IL") || (str == "IN") || (str == "KS") || (str == "KY") || (str == "LA") || (str == "MA") || (str == "MD") || (str == "ME") || (str == "MI") || (str == "MN") || (str == "MO") || (str == "MS") || (str == "MT") || (str == "NB") || (str == "NC") || (str == "ND") || (str == "NH") || (str == "NJ") || (str == "NM") || (str == "NV") || (str == "NY") || (str == "OH") || (str == "OK") || (str == "OR") || (str == "PA") || (str == "RI") || (str == "SC") || (str == "SD") || (str == "TN") || (str == "TX") || (str == "UT") || (str == "VA") || (str == "VT") || (str == "WA") || (str == "WI") || (str == "WV") || (str == "WY") );
}

function isZipCode(str) {
var l = str.length;
if ((l != 5) && (l != 10)) { return false }
for (j=0; j<l; j++) {
if ((l == 10) && (j == 5)) {
if (str.charAt(j) != "-") { return false }
} else {
if ((str.charAt(j) < "0") || (str.charAt(j) > "9")) { return false }
}
}
return true;
}

function isPhoneNum(str) {
if (str.length != 12) { return false }
for (j=0; j<str.length; j++) {
if ((j == 3) || (j == 7)) {
if (str.charAt(j) != "-") { return false }
} else {
if ((str.charAt(j) < "0") || (str.charAt(j) > "9")) { return false }
}
}
return true;
}

function isDate(str) {
if (str.length != 10) { return false }

for (j=0; j<str.length; j++) {
if ((j == 2) || (j == 5)) {
if (str.charAt(j) != "/") { return false }
} else {
if ((str.charAt(j) < "0") || (str.charAt(j) > "9")) { return false }
}
}

var month = str.charAt(0) == "0" ? parseInt(str.substring(1,2)) : parseInt(str.substring(0,2));
var day = str.charAt(3) == "0" ? parseInt(str.substring(4,5)) : parseInt(str.substring(3,5));
var begin = str.charAt(6) == "0" ? (str.charAt(7) == "0" ? (str.charAt(8) == "0" ? 9 : 8) : 7) : 6;
var year = parseInt(str.substring(begin, 10));

if (day == 0) { return false }
if (month == 0 || month > 12) { return false }
if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) {
if (day > 31) { return false }
} else {
if (month == 4 || month == 6 || month == 9 || month == 11) {
if (day > 30) { return false }
} else {
if (year%4 != 0) {
if (day > 28) { return false }
} else {
if (day > 29) { return false }
}
}
}
return true;
}


/************************************************** *************
** The validateForm() function validates the form elements
** previously defined as validation objects and as members of
** the elts array. We loop through the elts array, testing each
** element in turn, and alerting the user when they've missed
** a required field
************************************************** *************/

function validateForm(form) {
var formEltName = "";
var formObj = "";
var str = "";
var realName = "";
var alertText = "";
var firstMissingElt = null;
var hardReturn = "\r\n";

for (i=0; i<elts.length; i++) {
formEltName = elts[i].formEltName;
formObj = eval("form." + formEltName);
realName = elts[i].realName;

if (elts[i].eltType == "text") {
str = formObj.value;

if (eval(elts[i].upToSnuff)) continue;

if (str == "") {
if (allAtOnce) {
alertText += beginRequestAlertForText + realName + endRequestAlert + hardReturn;
if (firstMissingElt == null) {firstMissingElt = formObj};
} else {
alertText = beginRequestAlertForText + realName + endRequestAlert + hardReturn;
alert(alertText);
}
} else {
if (allAtOnce) {
alertText += str + beginInvalidAlert + realName + endInvalidAlert + hardReturn;
} else {
alertText = str + beginInvalidAlert + realName + endInvalidAlert + hardReturn;
}
if (elts[i].format != null) {
alertText += beginFormatAlert + elts[i].format + hardReturn;
}
if (allAtOnce) {
if (firstMissingElt == null) {firstMissingElt = formObj};
} else {
alert(alertText);
}
}
} else {
if (eval(elts[i].upToSnuff)) continue;
if (allAtOnce) {
alertText += beginRequestAlertGeneric + realName + endRequestAlert + hardReturn;
if (firstMissingElt == null) {firstMissingElt = formObj};
} else {
alertText = beginRequestAlertGeneric + realName + endRequestAlert + hardReturn;
alert(alertText);
}
}
if (!isIE3) {
var goToObj = (allAtOnce) ? firstMissingElt : formObj;
if (goToObj.select) goToObj.select();
if (goToObj.focus) goToObj.focus();
}
if (!allAtOnce) {return false};
}
if (allAtOnce) {
if (alertText != "") {
alert(alertText);
return false;
}
}
alert("I am valid!"); //remove this when you use the code
return false; //change this to return true
}



// --></script>
</head>

<body bgcolor="#ffffff">

<font face="Arial,Helvetica"><font size=+1><b>*Fill out this form!</b></font> (required fields in <b>bold</b>)</font>
<p>

<form name="testForm" onSubmit="return validateForm(this)">

<font face="Arial, Helvetica" size=-1>

<table border=0 cellpadding=5 cellspacing=4>
<tr bgcolor="#eeeeee" valign=top>
<td align=right>
<font face="Arial, Helvetica" size=-1>
First name: <input type="text" name="firstName" size=20>
<br>
<b>Last name: </b><input type="text" name="lastName" size=20>
<br>
<b>Email address: </b><input type="text" name="email" size=20>
<br>**
<font face="Verdana" size=-2>
example: scooby@dooby.doo
</font>
<br>

Street address: <input type="text" name="streetAddress" size=20>
<br>
City: <input type="text" name="city" size=15>
<br>
<b>State: </b><input type="text" name="state" size=10>
<br>**
<font face="Verdana" size=-2>example: CA</font>
<br>
<b>Zip code: </b><input type="text" name="zipCode" size=15>
<br>**
<font face="Verdana" size=-2>example: xxxxx or xxxxx-xxxx</font>
<br>

<b>Phone number: </b><input type="text" name="phoneNum" size=20>
<br>**
<font face="Verdana" size=-2>example: xxx-xxx-xxxx</font>
<br>

<b>Date: </b><input type="text" name="date" size=20>
<br>**
<font face="Verdana" size=-2>example: mm/dd/yyyy</font>
<br>
</font>
</td>

<td>
<font face="Arial, Helvetica" size=-1>
<b>Astrological sign:</b>
<select name="zodiac">
<option>Select one
<option>Aries
<option>Taurus
<option>Gemini
<option>Cancer
<option>Leo
<option>Virgo
<option>Libra
<option>Scorpio
<option>Sagittarius
<option>Capricorn
<option>Aquarius
<option>Pisces
</select>
<br>

<b>Favorite ice cream flavor:</b>
<br>
<input type="radio" name="iceCream">Chubby Hubby<br>
<input type="radio" name="iceCream">Coffee Coffee Buzz Buzz<br>
<input type="radio" name="iceCream">Cherry Garcia<br>
<input type="radio" name="iceCream">Vanilla<br>
<br>

<b>Reason for reading this:</b>
<br>
<input type="checkbox" name="reason">My boss made me<br>
<input type="checkbox" name="reason">I'm procrastinating<br>
<input type="checkbox" name="reason">I really dig JavaScript!<br>
<br>

<input type="submit" value="Submit"><input type="reset" value="Reset">

</font>
</td>
</tr>
</table>


</font>
</form>

</body>
</html>
skeletors_skull is offline   Reply With Quote
Reply

« Previous Thread | Next Thread »

Thread Tools
Display Modes Rate This Thread
Linear Mode Linear Mode
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Flash contact form QBA ActionScript 2.0 1 09-12-2006 04:22 AM
Simple Login Form in Flash flurokid ActionScript 2.0 1 10-14-2005 05:30 PM
Help. Flash form to ASP problems...possibly encoding issue happysmp ActionScript 2.0 2 10-05-2005 03:46 PM
Flash MX Developers Exam VitiminJ General Chat 34 05-05-2004 02:27 PM
Passing HTML form data into Flash FlashMonkey Server-Side Scripting 0 09-22-2003 09:36 AM


All times are GMT. The time now is 05:21 AM.

Contact Us - Home Page - Archive - Privacy Statement - Top

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Ad Management plugin by RedTyger
Copyright 2000-2009 ActionScript.org. All Rights Reserved.
Your use of this site is subject to our Privacy Policy and Terms of Use.