Hi Guys
I am trying to get validate to work, but I am soo close and yet soo
far!
I think the problem is the selector and way i append the error or
valid classes to the label, or specify the element for errors?
Can anyone see the mismatch or problem?
HTML example...
[code]<div class="namediv">Company Name:</div>
<div class="textdiv">
<div class="inputdiv"><input name="CompanyName"
id="CompanyName"
type="text" class="input-text"/ value="<?if(isset($this-
>company_name)){ echo $this->company_name;};?>"></div>
<div class="inputrightdiv"
id="img_CompanyName"></div>
</div>
<div class="inputbottom-text"
id="error_CompanyName"><?php echo
$this->error_array['company_name']; ?></div>
[/code]
where the inputrightdiv is what holds my todo image,
then i want it replaced with inputrightdiv-valid which shows my nice
green tick image!
Jquery Validation initialization( i have taken out extra options for
simplicity )...
[code]
<script>
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#recruiter_signup").validate({
rules: {
CompanyName: "required"
},
messages: {
CompanyName: "Please ensure you have entered your
company name."
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
error.appendTo(element.parent().parent());
},
// Set Error Element
errorElement: "div.inputrightdiv",
// Focus in textbox
focusInvalid: false, // show all form error at a time
// Set Error Class
//errorClass: "error",
errorClass:"inputrightdiv-error",
// specifying a submitHandler prevents the default submit, good
for
the demo
submitHandler: function() {
alert("submitted!");
},
// set this class to error-labels to indicate valid fields
success: function(label) {
label.addClass('inputrightdiv-valid');
}
});
});
</script>[/code]
thanks for any tips or eagle eyes :)
