• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 3884
  • Last Modified:

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

Hey

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.

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

Open in new window

0
Snarfles
Asked:
Snarfles
1 Solution
 
RoonaanCommented:
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});
0
 
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

0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now