Hi good day.
I am currently using Spry Textfield Validation on my forms. Whenever there is an error, the error message does appear and the field goes red. However, the entire form is shifted to the left a couple of pixels. If the user corrects the value in the field, the form goes back to the right. What is wrong with this? I am using the default code on DreamWeaver. Here are the concerned parts of the code:
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
...
<tr><td>Password:</td>
<td><span id="sprytextfield1">
<input type="text" name="password" value=""/>
<span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span><span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span></span></td>
</tr>
...
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {minChars:8, maxChars:20, validateOn:["blur"]});
Nothing was changed save for adding the min and max chars plus the validate on blur. Hope someone can help.