How do you prevent form submission if Spry validation fails?

Question

After reviewing and implementing the SpryValidationConfirm and SpryValidationPassword widgets on a test page, I am unable to prevent the form from being submitted if the validation of either widget fails.
A feature of both widgets is "Blocking form submission if the password criteria is not met".
I ihave included my code below:
<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css">
<cfform method="post" action="result.cfm">
  <span id="sprypassword1">
    <label>Password
      <cfinput type="password" name="mypassword1" id="mypassword1" size="30" />
    </label>
    <span class="passwordRequiredMsg">The password cannot be empty</span>
    <span class="passwordMinCharsMsg">The password must contain at least 15 characters</span>
    <span class="passwordInvalidStrengthMsg">The password must contain 2 special characters, 2 uppercase characters, 2 lowercase characters, and 2 numbers</span>
  </span>
  <span id="spryconfirm1">
    <label>Confirm Password
      <cfinput type="password" name="mypassword2" id="mypassword2" size="30" >
    </label>
    <span class="confirmRequiredMsg">A value is required</span>
    <span class="confirmInvalidMsg">The values don't match</span>
  </span>
  <cfinput type="submit" name="submit" value="Go to the next page">
</cfform>
<script type="text/javascript">
<!--
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {minChars:15, minUpperAlphaChars:2, minSpecialChars:2, minNumbers:2, minAlphaChars:2}, {validateOn:["blur", "change"]});
var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "mypassword1", {validateOn:["blur", "change"]});
//-->
</script>

Answer 1

Thanks so much!
I removed the <cf prefixes from the cfform and cfinput tags and form now does not submit on invalid data.
I did not rename the 'password' fields as I think there needs to be 2 inputs that can be compared for the confirmation widget to function.
I have attatched the working code below:
<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css">
<form method="post" action="result.cfm">
  <span id="sprypassword1">
    <label>Password
      <input type="password" name="mypassword1" id="mypassword1" size="30" />
    </label>
    <span class="passwordRequiredMsg">The password cannot be empty</span>
    <span class="passwordMinCharsMsg">The password must contain at least 15 characters</span>
    <span class="passwordInvalidStrengthMsg">The password must contain 2 special characters, 2 uppercase characters, 2 lowercase characters, and 2 numbers</span>
  </span>
  <span id="spryconfirm1">
    <label>Confirm Password
      <input type="password" name="mypassword2" id="mypassword2" size="30" >
    </label>
    <span class="confirmRequiredMsg">A value is required</span>
    <span class="confirmInvalidMsg">The values don't match</span>
  </span>
  <input type="submit" name="submit" value="Go to the next page">
</form>
<script type="text/javascript">
<!--
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {minChars:15, minUpperAlphaChars:2, minSpecialChars:2, minNumbers:2, minAlphaChars:2}, {validateOn:["blur", "change"]});
var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "mypassword1", {validateOn:["blur", "change"]});
//-->
</script>
Again thanks so much!