Input validation with JavaScript
615
Example: validating an e-mail address
The following example validates an e-mail entry. If the string is invalid, it displays a message box.
If the address is valid, it redisplays the page. To be valid, the e-mail address must not be an empty
string, contain an at sign (@) that is at least the second character, and contain a period (.) that is at
least the fourth character.
To use JavaScript to validate form data:
1
Create a ColdFusion page with the following content:
<html>
<head>
<title>JavaScript Validation</title>
<script>
<!--
function testbox(form, ctrl, value) {
if (value == "" || value.indexOf ('@', 1) == -1 ||
value.indexOf ('.', 3) == -1)
{
return (false);
}
else
{
return (true);
}
}
//-->
</script>
</head>
<body>
<h2>JavaScript validation test</h2>
<p>Please enter your email address:</p>
<cfform name="UpdateForm" preservedata="Yes"
action="validjs.cfm" >
<cfinput type="text"
name="inputbox1"
required="YES"
onvalidate="testbox"
message="Sorry, your entry is not a valid email address."
size="15"
maxlength="30">
<input type="Submit" value=" Update... ">
</cfform>
</body>
</html>
2
Save the page as validjs.cfm.
3
View validjs.cfm in your browser.
Summary of Contents for COLDFUSION MX 61-DEVELOPING COLDFUSION MX
Page 1: ...Developing ColdFusion MX Applications...
Page 22: ...22 Contents...
Page 38: ......
Page 52: ...52 Chapter 2 Elements of CFML...
Page 162: ......
Page 218: ...218 Chapter 10 Writing and Calling User Defined Functions...
Page 250: ...250 Chapter 11 Building and Using ColdFusion Components...
Page 264: ...264 Chapter 12 Building Custom CFXAPI Tags...
Page 266: ......
Page 314: ...314 Chapter 14 Handling Errors...
Page 344: ...344 Chapter 15 Using Persistent Data and Locking...
Page 349: ...About user security 349...
Page 357: ...Security scenarios 357...
Page 370: ...370 Chapter 16 Securing Applications...
Page 388: ...388 Chapter 17 Developing Globalized Applications...
Page 408: ...408 Chapter 18 Debugging and Troubleshooting Applications...
Page 410: ......
Page 426: ...426 Chapter 19 Introduction to Databases and SQL...
Page 476: ...476 Chapter 22 Using Query of Queries...
Page 534: ...534 Chapter 24 Building a Search Interface...
Page 556: ...556 Chapter 25 Using Verity Search Expressions...
Page 558: ......
Page 582: ...582 Chapter 26 Retrieving and Formatting Data...
Page 668: ......
Page 734: ...734 Chapter 32 Using Web Services...
Page 760: ...760 Chapter 33 Integrating J2EE and Java Elements in CFML Applications...
Page 786: ...786 Chapter 34 Integrating COM and CORBA Objects in CFML Applications...
Page 788: ......