Response title
This is preview!
Form validation and wicket ajax submit
in Using jQuery
•
9 years ago
I try to use jQuery validation with a wicket ajax button. The wicket ajax call in in the onclick attribute of the button. To call the jQuery validation before the ajax submit I add “if(!$('.register').valid()) { return false;}” in front of the onclick attribute. So the onclick looks like onclick=”if(!$('.register').valid()) { return false;}; var wcall=wicketSubmitFormById(…”
With this the form validation works.
But my first problem was that the form is submitted from the jQuery validator so the wicket ajax never called. I add a submit handling:
$(".register").validator({
effect: 'wall',
container: '#errors',
// do not validate inputs when they are edited
errorInputEvent: null
//custom form submission logic
}).submit(function(e) {
// when data is valid
if (!e.isDefaultPrevented()) {
//prevent the form data being submitted to the server
e.preventDefault();
}
});
$(".register").validator({
effect: 'wall',
container: '#errors',
// do not validate inputs when they are edited
errorInputEvent: null
//custom form submission logic
}).submit(function(e) {
// when data is valid
if (!e.isDefaultPrevented()) {
//prevent the form data being submitted to the server
e.preventDefault();
}
});
So now the form is not send to the server, but the wicket ajax statement is not called. How can I manage that functions after the jQuery validator call (if(!$('.register').valid()) { return false;};) are processed?
Thanks
Gerrit
1