Facebook Register Plugin - Form submitting even though validation fails?

Question

I'm using the Facebook Registration Plugin (http://developers.facebook.com/docs/plugins/registration/) to register users for our site. The problem is I can't seem to get custom validation working and was wondering whether it's a mistake on my part or something wrong with Facebook.

This is the XFBML code that I'm using:

<fb:registration
    fields="[{'name':'name'},
             {'name':'email'}, 
             {'name':'password','description':'Enter a password','type':'text'}]"
    redirect-uri="http://local.dev"
    onvalidate="validateFacebookRegistrationForm">
</fb:registration>

and I have a global function called validateFacebookRegistrationForm which has the following code in it:

function validateFacebookRegistrationForm(form) {
    errors = {};

    if (form.password == "") {
        errors.password = "No Password Entered";
    }

    return errors;
}

I would expect hitting the register button on the form would do nothing and the validation message would show up... instead I get a popup like this:

https://i.stack.imgur.com/hcHaj.jpg

Once the popup is closed, the form is validated ... and the error message shows. Clicking register again will not submit the form until the errors have been fixed - which is the how the form should behave in the first instance!

Answer 1

The Facebook Registration plugin does not client-side validate until AFTER the user has pressed "Register" and then in the popup pressed "Continue". Then, it will do the "client-side" validation... it really doesn't make sense to go in that order but that's how it seems to be.

Your code is fine.