ansaurus

Question

How to associate jquery validation with only one button if there are many?

Answer 1

+1 A:

The way I did this was to have the 2 buttons not as submit buttons, but regular buttons. When the one that you want to perform validation is clicked, call:

$("#aspnetForm").submit();

This causes validation then (if passed) submit.

For the one you don't want to validate, you can call:

$("#aspnetForm").get(0).submit();

This gets the underlying DOM element and calls its submit - this won't trigger the 'onsubmit' event created by .validate

Luke Schafer 2010-05-14 00:54:47

Answer 2

+2 A:

You can disable the submit blocking by default by passing the onsubmit option, like this:

 $("#aspnetForm").validate({
    onsubmit: false,
    rules: {
         "<%=txtFirstName.UniqueID %>": {
             required: true
         }

    },
    errorElement: "mydiv",
    wrapper: "mydiv",
    errorPlacement: function(error, element) {
       offset = element.offset();
       error.insertBefore(element)
       error.addClass('message');  // add a class to the wrapper
       error.css('position', 'absolute');
       error.css('left', offset.left + element.outerWidth());
       error.css('top', offset.top - (element.height() / 2));

    }
 });

Then call the .valid() method on only that button, like this:

$("#<%=submit.ClientID%>").click(function() {
  return $("#aspnetForm").valid();
});

When you click the submit button specifically, you're invoking validation, normally the validation plugin rigs up to the <form>'s submit event, but setting onsubmit:false stops it from doing this. That leaves you to invoke validation whenever you want manually...which is what that .valid() call is doing, only on the button you want it on.

Nick Craver 2010-05-14 00:59:00

ansaurus

tags:

views:

answers:

How to associate jquery validation with only one button if there are many?

related questions