Documentation / Tutorials / Tutorials & How to’s
Scrolling to first error in the larger form during validation
/ Tutorials & How to’s / Scrolling to first error in the larger form during validation
<script type="spa/axn" axn=core.run_script>
//** Scroll to first error **//
var validation_rule={}
validation_rule.order=2;
validation_rule.message='';
validation_rule.attribute='honeypot';
validation_rule.fn=function(o){
if ($('.has-error').length > 0) {
$('html, body').animate({scrollTop: $('.form-group.has-error:first').offset().top}, 1000);
$('.form-group.has-error:first .form-control').focus();
return false;
}else{
return true;
}
}
spa.validation_rules.push(validation_rule);
</script>
We start by adding a custom rule, for trapping spam entries.
<input id="honey-pot" name="honey-pot" class="form-control input-md " value="" honeypot="" type="hidden">
Use the 'honeypot' attribute to a hidden form element, It should be the last element in the form, this will do two things
- In case of any validation error, it will take the focus to the first element with an error
- You can also trap the spam if this hidden field has any value in the backend.