Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label for="codigo"></label>
<span id="sprytextfield1">
<input type="text" name="codigo" id="codigo" />
<span class="textfieldRequiredMsg"></span><span class="textfieldInvalidFormatMsg">Código Incorrecto.</span></span>
</form>
<p> </p>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "custom", {validateOn:["blur"], pattern:"123", hint:"INGRESA TU CODIGO"});
</script>
</body>
</html> Eso es lo que logré hacer hasta ahora, ahora mi problema es, como le puedo poner mas volares aparte del "123"