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

Similar Messages

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

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

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

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

SPRY Textfield comparison

Hi,
I have 2 textfields on my page for an email and retype email
and need spry to validate they are equal, my textfields currently
validate the field is an email and that is fine, what i need to do
is make sure they are the same before submitting the form.
Cheers in advance
Smalls.

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

Missing Invalid Format option with Spry TextField

I am inserting a Spry Validation Text Field into a form for an email address. The only options I have from the preview states menu in the property inspector are these: Initial, Required and Valid. There is no option for Invalid Format.
I am following along with an exercise in Dreamweaver CS5 Classroom In a Book Lesson 13.
I have worked back through the lesson in case I had missed something but nothing leaps out at me.
I would appreciate any assistance in tracking down the issue.

Hi,
I've checked the samples.
The standard submit example validates the fields the XHR example does not.
I added the following code from the XHR sample
if (Spry.Widget.Form.validate('register') == true)
Spry.Utils.submitForm('register', registerResponse);
However Spry.Widget.Form.validate('register') always returns true regardless of the state of the Spry validation
Any more ideas to get the XHR submit to recognise the state of the Spry validation for the form
Cheers
Phil

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 (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 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

Multiple Spry Textfield Form Errors

I've been trying to figure out how to add multiple different
types of errors to only ONE text field. I read in the LiveDoc all
you have to do is insert a new span with the corresponding class
identifier but it didn't give an example of how my widget would
look like. I want this:
var sprytextfield1 = new
Spry.Widget.ValidationTextField("sprytextfield1", "none",
{validateOn:["blur", "change"]});
combined with a min and max characters value AND a character
counter. Is this possible?
Here's the included SPRY Script at the bottom of the page:
<script type="text/javascript">

</script>

I've been trying to figure out how to add multiple different
types of errors to only ONE text field. I read in the LiveDoc all
you have to do is insert a new span with the corresponding class
identifier but it didn't give an example of how my widget would
look like.
Try asking this question on the SPry forum:
http://forums.adobe.com/community/labs/spry
HTH,
Randy

How to Validate Multiple email address in spry?

How to validate multiple email address in spry framework?
Spry validate text field can validate one email address only,
if I the text field is for multiple emails, how can I validate
it?

Hello Jackson,
The Spry Textfield was designed to work with the normal work
flows that people currently use in most of the forms on the web. We
tried to prevent any email injection method in the forms therefore
the validation was designed to stop any multiple email insertion.
In case you want to insert multiple emails you'll have to
disable the default email validation and create your own validation
function, more flexible. You can see a
sample
we did for the custom validation trying to validate a password
strength and confirm the password.
Cristian

Having Problems with "pattern" in Spry Validation Text Field

Hi, thanks for reading. I have read the primers and docs on
using the "custom" pattern ability of the spry textfield validion.
However, I am unable to fully understand how to implement the
conditions I desire. I have read that you use:
"B"; "b" for Case-insensitive alphabetic characters.
I suppose my first question is, does that mean either B or b
will work?
What I am trying to accomplish for my first validation is:
1- to allow between 1 and 15 characters to be entered. They
should be only a) alphanumeric (number or letter) b) they MAY
contain a space in there and c) the first character needs to be a
letter. So, what I want it to scrub for is a char string no longer
than 15 chars, number or letter (may contain a space, but that
counts towards the 15) and the first char must be a letter.
I have been playing around with the attributes:
("spryCustomtest", "custom", {validateOn:["blur"],
minChars:1, maxChars:15, pattern:"a"});
however, i am unable to see how to specify the pattern so
that it allows for 1-15 chars and insists that only the first char
is a letter......
My second question is, how could I implement a field for
heightened password-choosing rules....
perhaps tell it to allow for:
a) minimum of 8 characters
b) at least one capital letter
c) at least one special character or number
d) maximum of 30 characters
thanks for any help, Tex

Did you ever find a solution for this?

Spry:State and PagedView

Dear Member,
hope that somebody can help me this time..
I am using spry, and a lot of trick to make it work.
The spry:state="loading" options don't wanna work for me
it's only work if i don't use the PagedView...
Here the simple code
I have a simple XMLdataset:
var dsmio = new Spry.Data.XMLDataSet("Xml/filexxx.asp", "Clienti/Cliente", {sortOnLoad: "RagioneSociale", sortOrderOnLoad: "ascending", useCache: false});
and a pagination on it:
var paginazione = new Spry.Data.PagedView( dsmio ,{ pageSize: 50 });
finally the code to show my data:
<div spry:region="paginazione">
<div spry:state="loading">Loading Data - Please stand by...</div>
<div spry:state="error">OPS, something went wrong!</div>
<div spry:state="ready">
<table width="100%">
    <tr>
      <th width="25%" height="20" align="left" bgcolor="#CCCCCC" spry:sort="RagioneSociale">RagioneSociale</th>
      <th width="25%" height="20" align="left" bgcolor="#CCCCCC" spry:sort="Email">Email</th>
      <th width="25%" height="20" align="left" bgcolor="#CCCCCC" spry:sort="Telefono">Telefono</th>
      <th width="25%" height="20" align="left" bgcolor="#CCCCCC" spry:sort="PersonaRiferimento">PersonaRiferimento</th>
    </tr>
    <tr spry:repeat="paginazione" class="{ds_EvenOddRow}">
     <td width="25%" height="20">{RagioneSociale}</td>
      <td width="25%" height="20">{Email}</td>
      <td width="25%" height="20">{Telefono}</td>
      <td width="25%" height="20">{PersonaRiferimento}</td>
    </tr>
</table>
</div>
Hope some Guru can help me

Hi guys!
This is easy to solve:
You have to work in two different regions!
<div spry:region="dsmio">
--- Put the loader here...
</div>
<div spry:region="paginazione">
content
</div>
You can hide the "layout" of the content by :
<div id="content" spry:if="'{ds_PageTotalItemCount}' != ' ' ">
content...
</div>
ds_PageTotalItemCount is empty during loading.....
Have fun & keep coding

Spry textfield: email

Similar Messages

Maybe you are looking for