UI Datepicker and Spry textfield Validation

Hi, I am having a problem with using the UI Date picker and Spry textfield Validation together. I have created a sample form: 2 input boxe, the test box has the datepicker and spry validation and test2 has the date picker only,one submit button and some php code that echos the boxes values on submit.
My date picker is date formated as 'yy-mm-dd' for four digit year. My spry validation is formated 'yyyy-mm-dd' with validate on submit.
Now when I click on the test input box the datepicker comes up normally and i select a date. I then select the date on test2. Once I click the submit button the test field with spry validation come back saying a value is required and nothing else happens.
I was playing around and trying other things to get it to work and I noticed that when I select the test inputbox and the calander pops up if I enter some numbers into the text box then select a date from the datepicker then enter a date in the test2 inputbox and hit submit it works.
So it appears to me that the validation is not reading anything in the test field when I just select a date. Why is that? When I select a date it shows a date in the inputbox. It makes it hard to use the datepicker on a form.
Any help would be a preciated. Code is below.
Thanks Winrol
<?php echo "Test box 1 value = ". $_POST['test']. "<br/>" ?>
<?php echo "Test box 2 value = ". $_POST['test2'] ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="jquery-ui-1.7.2/css/base/ui.core.css" rel="stylesheet" type="text/css" />
<link href="jquery-ui-1.7.2/css/base/ui.datepicker.css" rel="stylesheet" type="text/css" />
<link href="jquery-ui-1.7.2/css/base/ui.theme.css" rel="stylesheet" type="text/css" />
<link href="jquery-ui-1.7.2/css/base/ui.datepicker.images.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2137022: #datepicker */
#datepicker .ui-widget {
font-family: inherit;
#datepicker .ui-datepicker {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
#datepicker .ui-datepicker-title {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #000;
font-weight: normal;
line-height: 1.8em;
#datepicker .ui-state-default, .ui-widget-content .ui-state-default {
border-color: #e6e6e6;
background-color: #e6e6e6;
color: #555555;
#datepicker .ui-state-default, .ui-state-default a {
color: #555555;
#datepicker .ui-state-highlight, .ui-widget-content .ui-state-highlight {
border-color:#FCEFA1;
background-color:#FCEFA1;
color:#363636;
#datepicker .ui-state-active, .ui-widget-content .ui-state-active {
border-color: #FFFFFF;
background-color: #FFFFFF;
color: #212121;
#datepicker .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus
border-color: #5F5F5F;
background-color: #5F5F5F;
color: #212121;
#datepicker .ui-widget-header
border-color: #5F5F5F;
background-color: #808080;
border-width: 1px;
/* Text attributes for the Days of Week Text */
#datepicker .ui-datepicker table th
font-size: .8em;
color: #000;
font-weight: bold;
/* EndOAWidget_Instance_2137022 */
</style>
<script type="text/xml">

</script>
<script type="text/javascript">
// BeginOAWidget_Instance_2137022: #datepicker
$(function() {
$('input').filter('.datepicker').datepicker({dateFormat: 'yy-mm-dd'});
// EndOAWidget_Instance_2137022
</script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #FFC;
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>
    <label for="test">test</label>
    <span id="sprytextfield1">
    <input name="test" type="text" class="datepicker" id="test"/>
    <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></p>
<p>
    <label for="test2">test2</label>
    <input name="test2" type="text" id="test2" class="datepicker" />
</p>
<p onclick="<?php echo $_POST['test'] ?>">
    <input type="submit" name="submit" id="submit" value="Submit" />
</p>
</form>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "date", {format:"yyyy-mm-dd", hint:"yyyy-mm-dd"});
</script>
</body>
</html>

This does work
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet">
<link href="jquery-ui-1.7.2/css/base/ui.core.css" rel="stylesheet">
<link href="jquery-ui-1.7.2/css/base/ui.datepicker.css" rel="stylesheet">
<link href="jquery-ui-1.7.2/css/base/ui.theme.css" rel="stylesheet">
<link href="jquery-ui-1.7.2/css/base/ui.datepicker.images.css" rel="stylesheet">
</head>
<body>
<form action="" method="post">
<span id="sprytextfield1">
<label for="mydate">Date:</label>
<input id="datepicker" name="mydate" type="text">
<span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span>
<div id="datepicker" class="ui-glass-gradient ui-80TopTo0Bottom-gradient-header"></div>
<input name="mysubmit" type="submit">
</form>
<script src="SpryAssets/SpryValidationTextField.js"></script>
<script src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js"></script>
<script src="jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js"></script>
<script>
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "date", {format:"mm/dd/yyyy", validateOn:["change"], useCharacterMasking:true});
$(function() {
$('#datepicker').datepicker({ showOtherMonths: false });
</script>
</body>
</html>
Gramps

Similar Messages

ADDT Datepicker and spry validation don't work together

Datepicker and spry validation don't work together
the problem is in: /includes/wdg/classes/MXWidgets.js
(necessary to datepicker)
Does anyone have a solution??
Thanks

Hi Gabriele,
technically speaking, ADDT and the Spry framework have about nothing in common, and you´re going to stumble across many compatibility-related issues when trying to use them together.
Does anyone have a solution??
any regular user who´d like to provide a solution to this, would have to be a pretty skilled programmer and would have to know the "technical details" of both ADDT and SPRY very well to be of help -- I don´t think that you´ll find many folks here who are capable to do that.
However, why not making the date field required in ADDT ?
Cheers,
Günter Schenk
Adobe Community Expert, Dreamweaver

Spry textfield validation

Hi, how can I modify this code for the spry textfield validation.js file? My text field is set to yyyy-mm-dd. When I enter a date and hit the submit button all works well but, how can I modify this portion of the .js file so the date yyyy-mm-dd is not less than today's date?
===================
'date': {
validation: function(value, options) {
var formatRegExp = /^([mdy]+)[\.\-\/\\\s]+([mdy]+)[\.\-\/\\\s]+([mdy]+)$/i;
var valueRegExp = this.dateValidationPattern;
var formatGroups = options.format.match(formatRegExp);
var valueGroups = value.match(valueRegExp);
if (formatGroups !== null && valueGroups !== null) {
var dayIndex = -1;
var monthIndex = -1;
var yearIndex = -1;
for (var i=1; i<formatGroups.length; i++) {
switch (formatGroups[i].toLowerCase()) {
case "dd":
dayIndex = i;
break;
case "mm":
monthIndex = i;
break;
case "yy":
case "yyyy":
yearIndex = i;
break;
if (dayIndex != -1 && monthIndex != -1 && yearIndex != -1) {
var maxDay = -1;
var theDay = parseInt(valueGroups[dayIndex], 10);
var theMonth = parseInt(valueGroups[monthIndex], 10);
var theYear = parseInt(valueGroups[yearIndex], 10);
// Check month value to be between 1..12
if (theMonth < 1 || theMonth > 12) {
return false;
// Calculate the maxDay according to the current month
switch (theMonth) {
case 1: // January
case 3: // March
case 5: // May
case 7: // July
case 8: // August
case 10: // October
case 12: // December
maxDay = 31;
break;
case 4: // April
case 6: // June
case 9: // September
case 11: // November
maxDay = 30;
break;
case 2: // February
if ((parseInt(theYear/4, 10) * 4 == theYear) && (theYear % 100 != 0 || theYear % 400 == 0)) {
maxDay = 29;
} else {
maxDay = 28;
break;
// Check day value to be between 1..maxDay
if (theDay < 1 || theDay > maxDay) {
return false;
// If successfull we'll return the date object
return (new Date(theYear, theMonth - 1, theDay)); //JavaScript requires a month between 0 and 11
} else {
return false;
======================
Thanks Winrol

V1 Fusion wrote:
> Yes you can use regular expessions:
>
> function validatePhone(value){
> return
>
/^(((\+44\s?\d{4}|$?0\d{4}$?)\s?\d{3}\s?\d{3})|((\+44\s?\d{3}|$?0\d{3}$?)\s?
>
\d{3}\s?\d{4})|((\+44\s?\d{2}|$?0\d{2}$?)\s?\d{4}\s?\d{4}))(\s?\#(\d{4}|\d{3})
> )?$/.test(value)
> }
>
> var custom = new Spry.ValidationTextField(id, "custom",
{validation:
> validatePhone, validateOn:["blur", "change"]})
>
> regexp from
http://regexlib.com/
Excellent, thank you, that will get me in the right
direction. Its not
100%, but I think I can tinker with an expression to get what
I want.
The number is couldn't handle is +44 (0)113 255 7666 but its
not an
approved format anyway, but lots of companies still do it
this way, so I
want to ensure I get it right.
Thanks again!
Dooza
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html

Function to call spry textfield validation

Hi every body.
I've a question for you.
I'm using a filed spry text field validation. It works perfectly when y press submit, but I need to do this:
I put some text in a textfield using PHP, the validation is only maked when I click the text field, or when the user press a key, but how to make a function to do the validation after I put data on textfield.

Click the on Blur as per
Gramps

Spry textfield validation for alphanumeric input

Hi,
How can I set the spry input to the following pattern that I need: only allow alphanumeric.

You can build your own custom validations with Spry.
var custom = new Spry.Widget.ValidationTextField("id", "custom", {
validation: function( value, options ){
return /[a-z]/gi.test( value ); // your validation
Related reading: http://labs.adobe.com/technologies/spry/articles/textfield_overview/index.html and http://labs.adobe.com/technologies/spry/samples/validationwidgets/TextfieldValidationSampl e.html

Spry textfield validation with custom pattern

I have sussed out the standard custom pattern, and how to
enforce it,
but what I would like to know is how can I allow any numbers,
including
spaces, brackets, or plus sign, but no letters?
This is for a phone number entry field, where it could be an
international phone number or a standard one for the UK,
where the
length can vary, depending on where you live.
http://en.wikipedia.org/wiki/Telephone_numbers_in_the_United_Kingdom)
Any ideas?
Dooza
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html

V1 Fusion wrote:
> Yes you can use regular expessions:
>
> function validatePhone(value){
> return
>
/^(((\+44\s?\d{4}|$?0\d{4}$?)\s?\d{3}\s?\d{3})|((\+44\s?\d{3}|$?0\d{3}$?)\s?
>
\d{3}\s?\d{4})|((\+44\s?\d{2}|$?0\d{2}$?)\s?\d{4}\s?\d{4}))(\s?\#(\d{4}|\d{3})
> )?$/.test(value)
> }
>
> var custom = new Spry.ValidationTextField(id, "custom",
{validation:
> validatePhone, validateOn:["blur", "change"]})
>
> regexp from
http://regexlib.com/
Excellent, thank you, that will get me in the right
direction. Its not
100%, but I think I can tinker with an expression to get what
I want.
The number is couldn't handle is +44 (0)113 255 7666 but its
not an
approved format anyway, but lots of companies still do it
this way, so I
want to ensure I get it right.
Thanks again!
Dooza
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html

ADDT Datepicker and Spry:region

Using ADDT for a datepicker dropdown calendar, the following
code works as expected:
<form action="" method="post">
<input name="test" id="test" value="06/02/2008"
wdg:subtype="Calendar" wdg:mask="<?php echo
$KT_screen_date_format; ?>" wdg:type="widget"
wdg:mondayfirst="true" wdg:singleclick="true"
wdg:restricttomask="yes" />
</form>
When I add a Spry region, the dropdown calendar does not
work:
<div spry:region="ds1">
<form action="" method="post">
<input name="test" id="test" value="06/02/2008"
wdg:subtype="Calendar" wdg:mask="<?php echo
$KT_screen_date_format; ?>" wdg:type="widget"
wdg:mondayfirst="true" wdg:singleclick="true"
wdg:restricttomask="yes" />
</form>
</div>
Anyone have a solution please.
Ben

Anyone??

CS3 and Spry question - validation

I have a form that is located at
www.salleboise.com/contact.cfm
I'd like to validate the email address, and have warnings
appear after the
box if its wrong. How can I do this so it doesn't shift the
whole table if
the spry warning message appears.
You can see how it operates and hopefully have a suggestion.
Thanks!

I haven't worked with the Spry stuff yet, however, it seems
that you need to
account for the size of the message that appears to the right
of the email
address when you first build the form. You would need to
adjust your style
sheet to align things more to the left, then when the message
appears, it
won't "push" things to the left if it already has space to
display on the
right.
"Steve Grosz" <[email protected]> wrote in
message
news:f1t3cj$k4p$[email protected]..
I have a form that is located at
www.salleboise.com/contact.cfm
I'd like to validate the email address, and have warnings
appear after the
box if its wrong. How can I do this so it doesn't shift the
whole table if
the spry warning message appears.
You can see how it operates and hopefully have a suggestion.
Thanks!

Spry textfield validation (group)

I have three text fields where only one requires an entry -- any one of the three.
How would I group validate those three text fields to ensure an entry in any one of them?

Thanks here too, Arnout. That code just does not make sense to me. See note at other message to you.
This also seems a simple task for a pro. If field1 or field2 or field3 > 0 then, Spry fails to validate. Shouldn't it be as simple as pass/fail based on the three fields entries?
Again, it seems easy for a non-Javascript writer. Is there a simple solution for a tweaker like me?

Spry textfield: email

Hello All,
I'm using the email feature in the SPRY textfield validation,
but in my INTRAnet that we use, alot of our email addresses include
a '+' at the beginning. The SPRY validation rules do not allow for
this character in the textfield.
How can I allow the validator to allow the + (plus):
[email protected]
I tried to delete the " value=='+' " in the js, but it
doesn't change anything.
Looking forward to hearing from the community.
Cheers!
Kevin

Hello Again,
I have been doing some reading about the plus sign (+) and it
is really a valid character in the local part of an email address.
According to RFC2822, the local part of the email (before the @)
may contain:
* Uppercase and lowercase letters (case sensitive)
* The digits 0 through 9
* The characters ! # $ % * / ? | ^ { } ` ~ & ‘ + -
= _
* The character . provided that it is not the first or last
character in the local-part.
http://en.wikipedia.org/wiki/E-mail_address
- and -
http://tools.ietf.org/html/rfc2822
So is this an oversite by the SPRY team? A Bug?
Cheers!
Kevin

Spry Textfield date validation

I have a Spry textfield for a user to enter a date. I want to
limit the date entered to 31 days away from the current date. Can
anyone help me out with this or provide directions to an article to
help solve this issue?
Pat

This does work
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet">
<link href="jquery-ui-1.7.2/css/base/ui.core.css" rel="stylesheet">
<link href="jquery-ui-1.7.2/css/base/ui.datepicker.css" rel="stylesheet">
<link href="jquery-ui-1.7.2/css/base/ui.theme.css" rel="stylesheet">
<link href="jquery-ui-1.7.2/css/base/ui.datepicker.images.css" rel="stylesheet">
</head>
<body>
<form action="" method="post">
<span id="sprytextfield1">
<label for="mydate">Date:</label>
<input id="datepicker" name="mydate" type="text">
<span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span>
<div id="datepicker" class="ui-glass-gradient ui-80TopTo0Bottom-gradient-header"></div>
<input name="mysubmit" type="submit">
</form>
<script src="SpryAssets/SpryValidationTextField.js"></script>
<script src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js"></script>
<script src="jquery-ui-1.7.2/js/jquery-ui-1.7.2.min.js"></script>
<script>
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "date", {format:"mm/dd/yyyy", validateOn:["change"], useCharacterMasking:true});
$(function() {
$('#datepicker').datepicker({ showOtherMonths: false });
</script>
</body>
</html>
Gramps

HTML 5 and Spry.. Making custom attributes valid

The HTML 5 spec is still a "Editors Draft" but doesn't mean browser haven't started intergating it. While i was reading through the specification i noticed that HTML allows you to specify custom attributes on elements (see: http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data ). We all know Spry also uses custom attributes for the Spry dataset. These are typically prefixed with spry:action_here=""
At this point its not valid HTML even though, when serving your page as xhtml it should be valid.. as xml allows you to specify custom attributes as well. But that aside, with the release of HTML5 getting closer and closer we could make Spry attibutes valid if we started prefixing all custom attributes with data-
For example:
spry:region="ds1" => data-spry:region="ds1"
spry:if="0 == false" => data-spry:if="0 == false"
A switch to the data- prefix would require very little editing of the existing spry files. The only thing users would have to do, is switch to the HTML5 doc type declaring to make it valid. As this doc type has backwards compatiblity and do not force IE6 in quirksmode i feel this is better alternative to externalizing the custom attributes or waiting for browser to support extended doctypes.
So i wonder what you opinions are on this . Is Spry ready for HTML5 and is HTML5 ready for Spry ?

Am I excited about the upcoming HTML5? YES! But not because it validates our Spry attributes.
Spry, if used properly, already works well and the fact that it is not validated by W3C can be regarded as a curious fact. Sort of like a driver of mine that has not been validated by Microsoft; without the driver my hardware does not work. So what do I do?
Well for some people its not a problem that the pages do not validate. But there companies and clients who value validation. Its understandable because people are overhyping it. In this case, it would allow to validate out of the box, without any changes to your code. Making it easier for starting developers and create a W3C valid document.
I am excited about the new HTML5 elements that will be introduced, hopefully making life easier.
Well doesn't really make a life easier. I'm currently creating my online resume in HTML and its harder... Normally you would just use divs for almost every layout wrapper now you got to choose between aside, section, article, details, hgroup, header etc. So much elements to choose from, but using them wisely is the hard part.
I am not excited about the fact that HTML5, being backward compatible, will come with the deficiencies of its predecesors
I am confused about the near simultaneous release of XHTML2. Where is the logic? Cannot the regulators and validators agree on a standard? I guess not. Even the browser-producers cannot agree on a standard. Remember the confusion with audio and video tapes?
All of this confusion only adds weight to my argument, who cares about W3C validation or Microsoft validation? if it works it works!
Some people like it strict some people don't, for performance reasons i actually choose for the loose version. It allows me to build a more compressed file .
Video codec wars are fun to.. Ogg vs MPEG. Using flash as fallback or silver light for unsupported browsers, or just generate multiple formats.. Hard to choose.. I personally hope h.264 codec will be used because its quality wise its much better. But we will see what the browser vendors will decide.

Difference between regular expressions and spry character masking?

Hi,
This is my first time writing my own regular expressions. Often times though, they seem to work in various testing widgets, but then they do not perform as expected in Spry. I have no idea how to even begin to debug this.
For example, this string:
^\#?[A-Fa-f0-9]{3}([A-Fa-f0-9]{3})?$
Does a perfect job enforcing hex colors in a regexp testing widget. But it doesn't work in spry. It won't let me type a darn thing in.
Can somebody throw me a bone here?

Hi!
Thank you for the response. I read that article prior to posting and it seems to relate more to Spry's custom pattern function rather than regular expressions. Here's the code I have:
<script type="text/javascript">
     
</script>
Expected behavior: I should be able to type in a valid hex color and have Spry perform validation.
Actual behavior: I can't type anything in, at all. I immediately get the invalid Spry feedback (in my case a little red .png image and an error message).
Simpler expressions like this work fine in Spry:
                    <script type="text/javascript">
     
</script>
I think if I can figure out what the special rules are for one somewhat robust regular expression in Spry, then I will be off and running.
Can anyone help?
Scott

Spry textfield issue

I'm using a spry textfield, and am enforcing a specific
pattern (AA00000000A). Is there a way to allow/specify more than
one pattern?

Al Sparber- PVII wrote:
> "eclipsme" <[email protected]> wrote in message
> news:fcjsoh$3m1$[email protected]..
>> Al Sparber- PVII wrote:
>>> "skipiouk" <[email protected]>
wrote in message
>>> news:fciqsg$t8i$[email protected]..
>>>> Thanks Al
>>>> is there no way to do this inside CS3 or is
the purchase of piece of
>>>> software necessary?
>>>> Neil
>>>
>>> I don't know. We do not use Spry because it's
just not compatible
>>> with our approach towards markup, CSS, or
scripting. If you are a
>>> casual web developer and don't have a
professional budget, perhaps
>>> someone who is "into" Spry can help you hack a
solution.
>>>
>>>
>> See if this helps.
>>
>>
http://labs.adobe.com/technologies/spry/articles/accordion_overview/
>>
>> Harvey
>
> Hi Harvey,
>
> I don't need "help" understanding how Spry widgets work.
We have
> analyzed the code and methodology and it's just an
approach that we
> would never take, hence we have no interest in it.
Perhaps you meant
> your post to be in response to someone else and not me
>
>
Right, Al. Niel was asking the question. Your's wasn't the
only post.
Sorry if you got confused. The link provides information on
configuring
the widget. I thought this could be useful to Niel.
Harvey

Spry fields validations

SUBMIT PROBLEM
I have a webpage in a .cfm (ColdFusion) format to be used in
a form. There are some Spry fields in it, like a validation text
field.
But I have some problems:
When the user enters a wrong email format, the form does not
do a submit. The form is good, but there is not any error message
to show the user that the entered email address is not correct
(Current error message is only for empty field).
Any suggestions on how to fix this problem?
Thanks

"Merdad" <[email protected]> wrote in
message news:gmo4ab$a6$[email protected]..
> SUBMIT PROBLEM
>
> I have a webpage in a .cfm (ColdFusion) format to be
used in a form. There are
> some Spry fields in it, like a validation text field.
> But I have some problems:
>
> When the user enters a wrong email format, the form does
not do a submit. The
> form is good, but there is not any error message to show
the user that the
> entered email address is not correct (Current error
message is only for empty
> field).
>
> Any suggestions on how to fix this problem?
> Thanks
>
See if this helps:
http://blog.fusefly.info/index.cfm/2007/10/7/Using-CFFORM-and-Spry-validation
Ken Ford
Adobe Community Expert - Dreamweaver/ColdFusion
Adobe Certified Expert - Dreamweaver CS3
Adobe Certified Expert - ColdFusion 8
Fordwebs, LLC
http://www.fordwebs.com
http://www.cfnoob.com

UI Datepicker and Spry textfield Validation

Similar Messages

Maybe you are looking for