Question

below is my code the validation only works without the remote validation. once i include remote validation, it submit the form without completing all the other form validations?

    $(document).ready(function() {


      $("#form1").validate({
            rules: {
                firstName: "required",// simple rule, converted to {required:true}
                lastName: "required",
                email: {// compound rule
                        required: true,
                        email: true,
                        success: "valid",
                        remote: "checkAddress.php"
                },      
                password: {
                    required: true,
                    success: "valid",
                    minlength: 5
                },

                verify: {
                    required: true,
                    success: "valid",
                    minlength: 5,
                    equalTo: "#password"
                },
                address1: "required",
                city: "required",
                province: "required",

                dob: {
                    required: true,
                    date: true,
                    success: "valid"
                },


                captcha_code: {
                    required: true,
                    captcha_code: true,
                    remote: "checkCaptcha.php"      
                }   

            },
            messages: {
               email:{
                   remote: "This email is already registered! One registration per email address."
               },
               captcha_code:{
                  remote: "Enter the right captcha value!."
               }
            },
            onsubmit: true
        });
    });

Answer 1

What I was asking was if you have implemented captcha_code as a method? in captcha_code: true,.

 captcha_code: {
      required: true,
      captcha_code: true,
      remote: "checkCaptcha.php"      
 }   

Like this

jQuery.validator.addMethod("captcha_code", function(value, element) {
    return (this.optional(element) || /* do something */ );
}, "");

I found this captcha demo and it has no captcha_code as method, only required and remote. So I was thinking if you have implemented it.

Here is the script from the demo. http://jquery.bassistance.de/validate/demo/captcha/

$(function(){
$("#refreshimg").click(function(){
    $.post('newsession.php');
    $("#captchaimage").load('image_req.php');
    return false;
});

$("#captchaform").validate({
    rules: {
        captcha: {
            required: true,
            remote: "process.php"
        }
    },
    messages: {
        captcha: "Correct captcha is required. Click the captcha to generate a new one" 
    },
    submitHandler: function() {
        alert("Correct captcha!");
    },
    success: function(label) {
        label.addClass("valid").text("Valid captcha!")
    },
    onkeyup: false
});

});