Hi,
I am brand new to Chronoengine and am excited about the application. I am currently having two issues.
1. Validating Radio Buttons -- I have read through the posts here and understand the requirement for the custom class tag and the div tag. The problem is that the validation is behaving oddly and is never letting me submit the form and this occurs with both IE7 and FF3. I am running Joomla 1.0.x with the JA_antares template, am not seeing any javascript errors and am using the prototype validation. (Note that I have not added this field into the validation tab and have ensured that form validation is on per the other posts.) Here is the code snippet that is causing the problem:
2. The other oddity is that I find that users need to press submit three times when form validation is enabled. Let me explain. I have a longer version of the above that includes a drop down box. Let's assume that the visitor forgets to put a value in the drop down and that I am using the prototype validator to validate that a field is entered. On pressing submit, the validation algorithms indicates that the field is required. The end user fixes this and presses submit (again). Now the validation message disappears, but the form still isn't submitted. The form only gets submitted after submit is clicked a third time. This is not the desired behavior as you would want the form to be submitted after the second click when the visitor fixes the problem. What am I missing here. Is this a normal behavior? For completeness, below is the complete form. I am using "prototype" validation and field "11-SelectBox" includes the value HowGood.
I am brand new to Chronoengine and am excited about the application. I am currently having two issues.
1. Validating Radio Buttons -- I have read through the posts here and understand the requirement for the custom class tag and the div tag. The problem is that the validation is behaving oddly and is never letting me submit the form and this occurs with both IE7 and FF3. I am running Joomla 1.0.x with the JA_antares template, am not seeing any javascript errors and am using the prototype validation. (Note that I have not added this field into the validation tab and have ensured that form validation is on per the other posts.) Here is the code snippet that is causing the problem:
<table width="300" border="0">
<tr>
<td> <div><label>
<input name="LikeSite" type="radio" value="1" />
Excellent</label></td>
<td> <label>
<input name="LikeSite" type="radio" value="2" />
Good</label></td>
<td> <label>
<input name="LikeSite" type="radio" value="3" />
Fair</label></td>
<td> <label>
<input name="LikeSite" type="radio" value="4" />
Poor</label></td>
<td> <label>
<input name="LikeSite" type="radio" value="5" class="validate_one_required" />
Terrible</label></div></td>
</tr>
</table>2. The other oddity is that I find that users need to press submit three times when form validation is enabled. Let me explain. I have a longer version of the above that includes a drop down box. Let's assume that the visitor forgets to put a value in the drop down and that I am using the prototype validator to validate that a field is entered. On pressing submit, the validation algorithms indicates that the field is required. The end user fixes this and presses submit (again). Now the validation message disappears, but the form still isn't submitted. The form only gets submitted after submit is clicked a third time. This is not the desired behavior as you would want the form to be submitted after the second click when the visitor fixes the problem. What am I missing here. Is this a normal behavior? For completeness, below is the complete form. I am using "prototype" validation and field "11-SelectBox" includes the value HowGood.
<!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=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<p>This is my form</p>
<form id="form1" name="form1" method="post" action="">
How do you like this site?<br />
<table width="300" border="0">
<tr>
<td> <div><label>
<input name="LikeSite" type="radio" value="1" />
Excellent</label></td>
<td> <label>
<input name="LikeSite" type="radio" value="2" />
Good</label></td>
<td> <label>
<input name="LikeSite" type="radio" value="3" />
Fair</label></td>
<td> <label>
<input name="LikeSite" type="radio" value="4" />
Poor</label></td>
<td> <label>
<input name="LikeSite" type="radio" value="5" class="validate_one_required" />
Terrible</label></div></td>
</tr>
</table>
<br />
<br />
What could we do better?<br />
<textarea name="DoBetter" cols="40" rows="5"></textarea>
<br />
<br />
<div><label>The S2100-ES2 is:<br />
<select name="HowGood">
<option value="1">Best</option>
<option value="2">Better</option>
<option value="3">Good</option>
<option value="4">Bad</option>
</select>
</label></div><br /><br />
<label>
<input type="submit" name="Submit" value="Submit" />
</label>
</form>
<p> </p>
</body>
</html>
Hi,
#1- your code structure is not correct and I advise you to use the mootools validation and not prototype!
this is a corrected version of your code :
the div cant include the td directly!
#2- unfortunately yes, this is normal, I plan to add more validation options soon as the current one has many layout issues yes, its not mine though!🙂
Best regards,
Max
#1- your code structure is not correct and I advise you to use the mootools validation and not prototype!
this is a corrected version of your code :
<table width="300" border="0">
<tr>
<td> <div><label>
<input name="LikeSite" type="radio" value="1" />
Excellent</label> <label>
<input name="LikeSite" type="radio" value="2" />
Good</label> <label>
<input name="LikeSite" type="radio" value="3" />
Fair</label> <label>
<input name="LikeSite" type="radio" value="4" />
Poor</label> <label>
<input name="LikeSite" type="radio" value="5" class="validate_one_required" />
Terrible</label></div></td>
</tr>
</table>
the div cant include the td directly!
#2- unfortunately yes, this is normal, I plan to add more validation options soon as the current one has many layout issues yes, its not mine though!🙂
Best regards,
Max
Max,
Thank you for your feedback. As an FYI, point #2 makes the embedded validation unusable. The problem is that there is no way for the user to know that they need to click submit a third time. A visitor would see the error after the first submit, fix it and click submit again. At that point, they would see the form again and assume that the results were received and navigate elsewhere. Unfortunately, the results would be lost in this scenario because the form is not submitted until the visitor clicks submit a third time. I understand that you are working on fixing this and just wanted to provide my $.02.
JL
Thank you for your feedback. As an FYI, point #2 makes the embedded validation unusable. The problem is that there is no way for the user to know that they need to click submit a third time. A visitor would see the error after the first submit, fix it and click submit again. At that point, they would see the form again and assume that the results were received and navigate elsewhere. Unfortunately, the results would be lost in this scenario because the form is not submitted until the visitor clicks submit a third time. I understand that you are working on fixing this and just wanted to provide my $.02.
JL
Hi JL,
no, its not that bad, you are teh first one to mention this🙂 but the issue is annoying and I will find a fix!
Regards,
Max
no, its not that bad, you are teh first one to mention this🙂 but the issue is annoying and I will find a fix!
Regards,
Max
This topic is locked and no more replies can be posted.
