Tempos atrás estava precisando fazer validações diferentes nos formulário, por isso comecei a pesquisar sobre validações utilizando expressões regulares e Spry.

A utilização especifica que eu precisava era para slugs (alguns chamam de url de seo), mas pode ser utilizado para validação de nome da pasta, nome de arquivo ou qualquer outra string que seja composta apenas por letras, números e hífen (sem espaço).

Se você não sabe o que é expressão regular e deseja utilizar uma validação desse tipo, sugiro que leia esse arquivo, onde é abordado esse assunto de forma introdutória e ainda inclui exemplos.

Segue o código que utilizei no meu formulário:
<script src=”SpryAssets/SpryValidationTextField.js” type=”text/javascript”></script>
<link href=”SpryAssets/SpryValidationTextField.css” rel=”stylesheet” type=”text/css” />
<form id=”form1″ name=”form1″ method=”post” action=”">
<span id=”sprytextfield1″>
<input type=”text” name=”text1″ id=”text1″ />
<span class=”textfieldRequiredMsg”>A value is required.</span><span class=”textfieldInvalidFormatMsg”>Invalid format.</span></span>
</form>
<script type=”text/javascript”>
var sprytextfield1 = new Spry.Widget.ValidationTextField(”sprytextfield1″, “custom”, {characterMasking: /[a-zA-Z0-9-]/, useCharacterMasking:true});
</script>

Aqui está o exemplo online da validação.

Aqui está os arquivos utilizado nesse post.

Dúvidas com expressão regular? Leia o arquivo sobre o assunto!

Dúvidas com validação utilizando Spry? Leia esse artigo “Validação de formulários com Spry”.