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

Question

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.

Answer 1

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">
<!--
function MM_validateForm() { //v4.0
  if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
        } else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    } if (errors) alert('The following error(s) occurred:\n'+errors);
    document.MM_returnValue = (errors == '');
//-->
</script>
This is at the bottom of the page:
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {validateOn:["blur"]});
//-->
</script>
Thank you for your help.