Spry text field validation - alphanumeric characters only with no set length


I have a 'job name' text field on a form which I need to ensure doesn't have any special characters in it. So I have the following code which accepts case insensitive alphanumeric characters. I have a whole bunch of different spry elements in the page and the code below works as it should. What I couldnt find on the documentation page (http://labs.adobe.com/technologies/spry/articles/textfield_overview/) was how to enable it to have any number of characters but still validate. For example the code below requires 3 characters exactly to validate. I want to have it so that 3 characters is the minimum but they can enter up to 255 characters. Additionally they should be able to enter a space.

var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "custom", {validateOn:["blur", "change"], pattern:"YYY", useCharacterMasking:true});

Open in new window

Who is Participating?
RoonaanConnect With a Mentor Commented:
Just a wild guess, I haven't got to much knowledge on Spry, but found this article that suggests using regExpFilter: http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid=1348168&highlight_key=y&keyword1=pattern

var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "custom", {validateOn:["blur", "change"], regExpFilter:/^[a-z0-9 ]{3,255}$/i, minChars:1,maxChars:255,useCharacterMasking:true});
SnarflesAuthor Commented:
Your a legend!
Slight change to the code you posted, {3,255} wasnt needed and just set the minChars to 3 and now its working perfectly.
Thank you very much
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "custom", {validateOn:["blur", "change"], regExpFilter:/^[a-z0-9 ]*$/i, minChars:3,maxChars:255,useCharacterMasking:true});

Open in new window

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.