Spry validation text field issue

I've put several spry validation text fields on my site and
you can still click through to the next page without having to
enter any information. What am I missing?

Think I figured it out.
http://www.adobe.com/devnet/dreamweaver/articles/spry_form_validations.html

Similar Messages

Spry validation text field across two columns in a table?

I have a table with two columns. I can easily insert a spry validated text field into the left cell but when I drag the box over so that box is in the right column and the label is still in the left column then that breaks the widget.
Is this even possible for me to do or do I have to put the widget in just one column?

Think I figured it out.
http://www.adobe.com/devnet/dreamweaver/articles/spry_form_validations.html

Using JavaScript to set value of Spry validated text field

Why can't the value of a text field be set using JavaScript
when it's validated using the Spry validation widget.
Example (this works):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<input type="text" name="birthdate" id="birthdate"
value="">
Example (this doesnt work):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<span id="birthdate">
<input type="text" name="birthdate" id="birthdate"
value="">
<span class="textfieldRequiredMsg">please enter your
birthday</span>
</span>
<script type="text/javascript">

</script>
Is there a way to change the value of a Spry validated text
field using JavaScript?
Thanks.

Why can't the value of a text field be set using JavaScript
when it's validated using the Spry validation widget.
Example (this works):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<input type="text" name="birthdate" id="birthdate"
value="">
Example (this doesnt work):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<span id="birthdate">
<input type="text" name="birthdate" id="birthdate"
value="">
<span class="textfieldRequiredMsg">please enter your
birthday</span>
</span>
<script type="text/javascript">

</script>
Is there a way to change the value of a Spry validated text
field using JavaScript?
Thanks.

Possible to change type of spry validation text field at run time?

I am trying to record a date of death on a form, which obviously for live people might not require a value. I have a radio group (Yes/No) that specifies whether the fields associated with the date of death are visible (select for month, day and year). For the year, I have it set to be an integer with a minimum and maximum value. The selects have an invalid value of -1 set, with one item labeled "Select month" and "Select day" given the -1 value.
When the "no" button is clicked, I want to make it so that submitting the form does not cause validation errors for the spry fields associated with the date of death. I have successfully added onChange events to the select objects that call javascript, along the lines of spryselect1.invalidValue = -2. I can also make it so that the text field representing the year of death is not forced to be required: sprytextfield1.isRequired = false.
However, I'm having a hard time getting the "invalid format" validation to be canceled. I have tried executing sprytextfield1.type = "none", since looking at the source code in SpryValidationTextField.js seems to indicate that the object's type property is important. However, this doesn't work; I think that's because the type property is used to look up a validation function in an array when the object is constructed, and may not be referenced again after that.
So, I'm looking for either:
a property/method to call to effectively change the type OR
information on whether reconstructing the variable with new options will work. I am not sure if any event handlers registered during the object's original construction will still be fired even if I make the variable point to a new object. I see a destroy function in the source code that might do what I want, but my Javascript knowledge isn't too great, so I don't know if that method needs to be called explicity or whether it happens implicitly when an object is garbage collected.
Thanks in advance for any help you might be able to give.
Ryan

This may help
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Deleting and rebuilding validations</title>
<link href="http://config.spry-it.com/css?f=ValidationTextField" rel="stylesheet" type="text/css" />
<script src="http://config.spry-it.com/js?f=ValidationTextField" type="text/javascript"></script>
<script type="text/javascript">
// build validations and delete / destroy them
function val(e){
     // get the value
     value = e.value;
     // see what radion button we have
     if(value == "Married"){
          // if there inst a validaton build one
          if(!sprytextfield1){
               sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
          // if there is a validaiton in sprytextfield destory it, and clear the variable
          if(sprytextfield2 && sprytextfield2.destroy){
               sprytextfield2.resetClasses();
               sprytextfield2.destroy();
               sprytextfield2 = null;
          // same as the rest
          if(sprytextfield3 && sprytextfield3.destroy){
               sprytextfield3.resetClasses();
               sprytextfield3.destroy();
               sprytextfield3 = null;
     } else if(value == 'Defacto'){
          if(!sprytextfield2){
               sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
          if(sprytextfield1 && sprytextfield1.destroy){
               sprytextfield1.resetClasses();
               sprytextfield1.destroy();
               sprytextfield1 = null;
          if(sprytextfield3 && sprytextfield3.destroy){
               sprytextfield3.resetClasses();
               sprytextfield3.destroy();
               sprytextfield3 = null;
     } else if(value == 'Single'){
          if(!sprytextfield3){
               sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
          if(sprytextfield1 && sprytextfield1.destroy){
               sprytextfield1.resetClasses();
               sprytextfield1.destroy();
               sprytextfield1 = null;
          if(sprytextfield2 && sprytextfield2.destroy){
               sprytextfield2.resetClasses();
               sprytextfield2.destroy();
               sprytextfield2 = null;
     // proceed with the rest as normal
     return true;
</script>
</head>
<body>
<form id="form1" method="post" action="#">
     <p>
          <input type="radio" name="radio" id="Married" value="Married" onclick="val(this);" />
          <label for="Married">Married</label>
     </p>
     <p>
          <input type="radio" name="radio" id="Defacto" value="Defacto" onclick="val(this);" />
          <label for="Defacto">Defacto</label>
     </p>
     <p>
          <input type="radio" name="radio" id="Single" value="Single" onclick="val(this);" />
          <label for="radio">Single</label>
     </p>
     <hr />
     <span id="sprytextfield1">
     <input name="married" id="f_married" type="text" value="forMariedOnly" />
     <span class="textfieldRequiredMsg">A value is required.</span></span><span id="sprytextfield2">
     <input name="defacto" id="f_defacto" type="text" value="forDefactoOnly" />
     <span class="textfieldRequiredMsg">A value is required.</span></span><span id="sprytextfield3">
     <input name="single" id="f_single" type="text" value="forSingleOnly" />
     <span class="textfieldRequiredMsg">A value is required.</span></span>
     <hr />
     <input type="submit" value="Submit" />
</form>
<script type="text/javascript">

</script>
</body>
</html>
Gramps

Spry Validation-text field shows the "required" text even in initial state

Hi,
I'm having trouble with spry validation.
I insert my spry textfied and go to the properties inspector where I choose validate on "Blur" and "submit" for the Required state. I check the required box for the "required state" but the initial state will also have the "a value is required" text. If I try to delete the "a value is required" text from the initial state, the required state won't show this error.
What should I do?
Any help is much appreciated.
Thank you.

Hi, thanks so much for the reply
Well the javascript came with the spry file that I downloaded from the adobe site.
Here is my statement:
<label for="name"><span class="style87">Name:</span></label>
                  <span id="sprytextfield1">
                  <input name="name" type="text" class="textInput" id="name" />
                  <span class="textfieldRequiredMsg">A value is required.</span>                  </span></p>
              <p> <span class="style87">
                  <label for="email">Email:</label>
                  </span><span id="sprytextfield2">
                  <input name="email" type="text" class="textInput" id="email" />
                  <span class="textfieldRequiredMsg">A value is required.</span></span></p>
This is the statement for the submit button:
<span class="clearIt">
                  <input name="send" type="submit" id="send" onclick="MM_validateForm('username','','R','password','','R','name','','R','email','','R' ,'comments','','R');return document.MM_returnValue" value="Send comments" />
                </span><span class="clearIt">
                <input type="hidden" name="MM_insert" value="form1" />
This is the javascript
<script type="text/javascript">

</script>
This is at the bottom of the page:
<script type="text/javascript">

</script>
Thank you for your help.

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 Validation Text Field widget

I want to make sure users insert a properly formatted email
address, which I found out how to do here.
http://livedocs.adobe.com/en_US/Spry/1.4/help.html?content=WSC7D22C22-1123-4e9b-8218-F317C DD39F2B.html
The problem is that when the user inserts an invalid email
address the text box stays red but no error message displays. How
do I go about having the error message show. Right now it only
shows if they leave the box blank.

I went to
http://labs.adobe.com/technologies/spry/demos/formsvalidation/
to try to get an idea how they did their form and they have check
marks and x to better define their section. It seems all the
customizing requires knowledge of Javascript which I am not too
strong in. I guess there is no menu driven method to duplicate that
form.
Looks like nobody else has played with form validation
either.

Spry Validation Text Box - Playing Nicely w/ Javascript

Greetings-
I'm using the Spry Validation Text Fields in a registration
form I'm designing. I really like the validation they provide.
However, I'm trying to get them to play nicely with a password
validation Javascript code that gets called when the form is
submitted:
Form Example
The password validation JS compares the two email fields to
make sure they are both the same. The JS is called when the form is
submitted.
<SCRIPT LANGUAGE="JavaScript">

</script>
However, this disables the Spry text field validations. I'm
most certain my "OnSubmit" code causes the Spry validation to not
execute.
Any gurus have some ideas around this?
Thank you.

Your are going to love this...
I confirmed I have the constructor same as yours. Only difference in your code and mine is I did not have the validateOn blur in the Javascript, but rather was using the default validation on submission. However, I dutifully added that, just to replicate your test exactly and to look at apples to apples. The code is still throwing up the validation messages.
Stumped, I took a break, played a video game, cleared the mind and started the process of carefully and logically working the code for about the umpteenth time in the last 24 hours.
Given this validation is working just fine on the page where new items are created, I laid out that pages code next to the edit page code and started going through line by line... and Eureka! No reference in my edit page head to the SpryValidationTestField.js... (**red faced, banging head on desk**)
That's 2 for 2 with you helping me realize its not the Spry code, so it must be something else and that something else, once again, was me. The human error element. If I hit strike three down the road I deserve a sound verbal thrashing...
Once again I am in your debt and you have my gratitude!
Thank you Gramps!

How to show password in spry validation password field?

how do I make the password display in the spry validation password field , the standard one is just a bunch of asterisk .

Just use a normal textfield, instead of a password field. The only difference between a password field and a text field is the characters not showing up.

Where is Hint Box for Validation Text Field widget?

I want to enter a hint for my form.
I am following the instructions on the Adobe Using Dreamweaver CS4 page for Insert and edit the Validation Text Field widget page:
<http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSEB5440BC-453A-4101-928C-302199E7E02F. html#WS8E6EA74E-87AC-4a81-A5CC-2DB6FB451DE0a>
It says:
Create a hint for a text field
Because there are so many different kinds of formats for text fields, it is helpful to give your users a hint as to what format they need to enter. For example, a text field set with the Phone Number validation type will only accept phone numbers in the form (000) 000-0000. You can enter these sample numbers as a hint so that the text field displays the correct format when the user loads the page in a browser.
1. Select a Validation Text Field widget in the Document window.
2. In the Property inspector (Window > Properties), enter a hint in the Hint text box.
However, the is no hint box in my Propeties area.
How do I get this hint box to show up?
Dreamweaver CS4, Windows Vista

Hi David,
My Property inspector looks different than what you have below.
I do not have a Hint box and I do not have the Customize this widget.
I did have a Hint box and the Customize this widget for CS3, howver not for CS4
Alison

How do I change the size of a Spry Input Text field box?

I created an email reply box, and then I created a reply message box. How do I change the size of each box independantly of each other? All I have is one set of Spry CSS rules!
Oh, and the Working with the Validation Text Rule widget file in the Help Resource Center only covers changing the background color - Ugh!

If I understand your question, you want to change the size of the input field that has spry validation?
Spry has nothing to do with it, add a size to the field
<input name="textfield1" type="text" id="textfield1" size="45" />
<input name="textfield2" type="text" id="textfield2" size="25" />
Gary

Adobe Spry validation : Remove Field

I have use Adobe spry validation .
I have the following situation where i want to remove some fields from validation depending on the choice.
like on one radio button click i have 5 fields and on submit button press i validate the fields.
now i switch the radio button and i want to remove those 5 field validation at that time and allow to submit the form even if the 5 fields on first radio button.
i am creating the validation like
DIVExpYear= new Spry.Widget.ValidationSelect("DIVExpYear",{validateOn:["change"]});
and when the radio is switch to second radio , i
I have the following code to destroy the object.
if(DIVExpYear){
                    DIVExpYear.reset();
                     DIVExpYear.destroy();
but no success
i also tried with
     if(DIVExpYear){
             Spry.Widget.Utils.destroyWidgets("DIVExpYear");
but still it do not allow me to submit the page and when i switch back to first radio , it shows me this fields as Red fields (i.e un validated fields)
please help me.
it can fix my most of the validation issues.
thanks

Do you have a online url? reset() and than doing destory() just work fine.
So there might be something else going on here

Text field issue in Sub Form

Hello Experts,
I am creating my very first Adobe Form for my client. I have created a subform with "Flowed" content. I have one Text Field in that sub form. When I try to place the second Text Field adjacent to that, it's not letting me do that. It's placing the Text Field under the first one. Can you please let me know how to overcome this issue?
Thanks a lot for your help. I did search and could not find any solution for this.
Also, I tried to change the position manually, but the X: and Y: positions are greyed out for me in Layout pallette.
Edited by: sam jose on Apr 28, 2011 6:04 PM

Hi sam,
When you have selected the sunform to be "flowed" , there is an adjacent field where you mention the typr of flow - 'Top to bottom ' or 'Western text' . If you specify as 'western text' then you could get the desired result. you can use rectangles etc for any alignment based on your layout requirement.
Soha.

Problem with validating text field

Hi All
i want to validate the text fields present in jsp page for a sturts application..
i have a jsp page for input then struts form for validation as struts machinism provides and if error occurs it add error to error object.
i want to display error message in text field when it occurs..
plz help me to do it
thanx in advacne

I'm not getting your requirement clearly, by my understanding ... you need to retrieve database whenever a <select> field trigger "onchange" - am I right?
If that is your requirement, it depends on what kind of solution you are looking into?
1. AJAX+Servlet (dojo/jMaki/write your own)
2. Java Server Faces (MyFaces/JSF)
3. write yourself a custom TAG (JSTL) to do the purpose (AJAX+Servlet/purely Servlet)
4. purely JSTL
5 purely Servlet
(please "Google" them by appending "<select> <option>"/ "populate combobox")
Personally I would recommend 1st or 3rd approach, even 2nd approach (MyFaces/JSF) is cool, but if your whole application is not written in JSF, no point to mixed the solutions.
If you want to try Ajax+TAG approach, refer following:
http://ajaxtags.sourceforge.net/
If you wish to use MyFaces approach, please refer following:
http://avatar21.superihost.com/index.php?entry=entry051020-163838
A forth/fifth approach will be much browser-portable, but the amount of coding will be more.
Regards,
Avatar Ng
Message was edited by:
Avatar_Ng
Message was edited by:
Avatar_Ng

Adobe CS 5.5 Text Field Issues

In Adobe Flash CS5.5 is having a major issue related to text field, which is letter crashing and line crashing if the font is Arial 12 points. (most of the letters are ok mainly the problem with the letters "a","l","i" "m". if the word is "health" where there will have more gap between letters e and a and there is no gap between a and l. any solution for this?

embed your font.

Spry validation text field issue

Similar Messages

Maybe you are looking for