Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

Including the New File in the Footer
CHAPTER 9 ■ PERFORMING FORM VALIDATION WITH REGULAR EXPRESSIONS
To use the validDate() function, you’ll need to include the new JavaScript file before init.js, so that the
function is available to be called. Do this by opening footer.inc.php in the common folder and inserting
the following bold code:
google.load("jquery", "1");
Preventing the Form Submission if Validation Fails
Now that validDate() is available in init.js, you need to add date validation before the form can be
submitted. Store the start and end dates in variables (start and end, respectively), then check them using
validDate() before allowing the form to be submitted.
Next, modify the click handler to the Submit button on the form that edits or creates events, and
then trigger an alert with a helpful error message if either date input has an invalid value. You need to
prevent the form from being submitted as well, so the user doesn’t have to repopulate the other form
fields.
You accomplish this by inserting the following bold code into init.js:
// Makes sure the document is ready before executing scripts
jQuery(function($){
var processFile = "assets/inc/ajax.inc.php",
fx = {...}
$("li a").live("click", function(event){...});
$(".admin-options form,.admin")
.live("click", function(event){...});
// Edits events without reloading
$(".edit-form input[type=submit]").live("click", function(event){
// Prevents the default form action from executing
event.preventDefault();
// Serializes the form data for use with $.ajax()
var formData = $(this).parents("form").serialize(),
339