How do you validate a web text form using spry validation and have an image pop up (if the text in the field is valid). Similar to what is on experts exchange website. I'm currently using Dreamweaver CS3
I can get an image to load no problem if the text is not valid, but can't figure out how to show an image(check mark) out side of the text feild if the text is valid. I hope this makes sense. My code in the SpryValidationTextField.cs
s is as follows:
/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
display: inline;
background-image: url(../images/check.gif);
background-repeat: no-repeat;
background-position: right center;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
This populates the image inside of the text feild not outside like in the required message.
My HTML code is as follows for the text feild:
<td height="30" colspan="2"><span id="sprytextfield1">
<input name="StreetAddress" type="text" id="StreetAddress" size="40" />
<span class="textfieldRequiredMs
g">A value is required.</span><span class="textfieldInvalidFor
matMsg">In
valid format.</span></span></td>
Start Free Trial
