what?! why can't he do this in javascript? if he's using ajax this is completely possible.
take your submit button and change type from "submit" to "button". add an onclick event that starts up a validator function.
if the validator sees that the input meets your requirements, it could fire an ajax request which could take the response and generate any output you want based on the results. if the validator says the input fails your requirements it would output the error of your choice.
or if you wanted you could have the submit button remain as is, but stay disabled until the validator says everything is cool. you would use the onkeypress event on your form to monitor the input.
hi mate, i know nothing about javascript or ajax so this is going to be difficult for me :), i have changed my button type to button and have added an onclick even but im not sure where to go next?
ideally i would want it to check the image validator to see if it has been inserted correctly and then display a message if it has/hasnt.
here is my form code
<form name="rate" method="post">
<div id="apDiv1">
<table width="294" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="167"><span class="ratingscat_head">Value for money</span></td>
<td width="119"><span class="storeRatings_Individual"><?php print rating_bar('valuetemp',5)?></span></td>
</tr>
<tr>
<td><span class="ratingscat_head">Ease of use</span></td>
<td><span class="storeRatings_Individual"><?php print rating_bar('easeofusetemp',5)?></span></td>
</tr>
<tr>
<td><span class="ratingscat_head">Delivery time</span></td>
<td><span class="storeRatings_Individual"><?php print rating_bar('deliverytemp',5)?></span></td>
</tr>
<tr>
<td><span class="ratingscat_head">P&P costs</span></td>
<td><span class="storeRatings_Individual"><?php print rating_bar('delchargetemp',5)?></span></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><img src="CaptchaSecurityImages.php?width=100&height=40&characters=5" /></td>
<td> </td>
</tr>
<tr>
<td colspan="2"><label for="label"><span class="style2">Please Enter Security Code: </span></label></td>
</tr>
<tr>
<td colspan="2"><input id="security_code" name="security_code" type="text" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><input type="button" name="button" value="button" onclick=""/></td>
<td><a href="javascript:dropdowncontent.hidediv('subcontent')">Close</a></td>
</tr>
</table>
<P>
</form>
i have some code to check the image validation
if( isset($_POST['submit'])) {
if( $_SESSION['security_code'] == $_POST['security_code'] && !empty($_SESSION['security_code'] ) ) {
// Insert you code for processing the form here, e.g emailing the submission, entering it into a database.
$message="Thank you for voting!!!";
unset($_SESSION['security_code']);
} else {
// Insert your code for showing an error message here
$message="Sorry, you have provided an invalid security code";
}
} else {}
can it be incorporated into the onclick or another way? does this sound possible?
cheers mate
Luke
