Specify when validation occurs
By default, the Validation Text Field widget validates when the user clicks the submit button. You can, however, set two other options: blur or change. The validateOn:["blur"] parameter causes the widget to validate whenever the user clicks outside the text field. The validateOn:["change"] parameter causes the widget to validate as the user changes text inside the text field.
To specify when validation occurs, add a validateOn parameter
to the constructor as follows:
<script type="text/javascript">
var tf1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"]});
</script>
As a convenience, you can discard the brackets if your validateOn parameter contains a single value (for example, validateOn: "blur"). If the parameter contains both values, however (validateOn:["blur", "change"]), include brackets in the syntax.
Note: In the preceding example, the second parameter is set
to "none", but it could easily be set to any of
the available validation types (for example, "phone" or "credit_card").
See Specify
a validation type and format.