i want to validate my form with jquery validate but i want to put my error label to a specific place. an example below show error label put in the <span class="error_label"></span>
. my question is how can i make errorplacement with a specific place, with an example below, please help me..thanks?
<script>
$(document).ready(function (){
$("#fm_regis").validate({
rules :{
name: {
required: true,
},
},
errorPlacement: function(error, element) {
//$(element).next('span .error_label :first').html(error);
//$('.error_label').html(error);
//$('.error_label').html(error);
$(element).closest('.error_label').html(error);
},
messages: {
name: {
required: "Please input a username",
},
}
});
});
</script>
<form name="fm_regis" id="fm_regis">
<table>
<tr>
<td width="100">Nama</td>
<td>:</td>
<td><input type="text" name="name" id="name" size="30"/></td>
</tr>
<tr>
<td width="100"></td>
<td></td>
<td><span class="error_label"></span></td>
</tr>
</table>
<input type="submit" value="Register"/>
</form>
In your specific situation you can do something like this:
$(element).closest('tr').next().find('.error_label').html(error);
http://jsfiddle.net/kqTQu/
Try this:
$("#fm_regis").validate({
rules :{
name: {
required: true,
},
},
errorLabelContainer: "#id-of-your-specific-place",
// More of your code
})
And get rid of the errorPlacement:
function.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With