Can't get FB Registration Client side validation to work

I'm following the instructions given on FB Developer, but I just can't get client side verification to work on my registration form.

This code block is present in the body of my page:

    <script src="http://connect.facebook.net/en_US/all.js#appId=000000000&xfbml=1"></script>                                
   <fb:registration
      fields="[{'name':'name'},{'name':'emailEdu','description':'Your .edu Email','type':'text'}]"
      redirect-uri="http:/开发者_运维问答/www.lazydragonbooks.com"
      onvalidate="validate">
  </fb:registration>
  <script> 
    function validate(form) 
    {
      errors = {};
      if (form.emailEdu !== "foo") 
      {
        errors.foo = "You didn't type foo";
      }                               
      return errors;
    }
</script>           

EDIT:

I placed alert('foo') as the first line in the validate function but don't get the alert so it seems the function does not get called.

---

Check the Chrome debugging tools console errors for a javascript error. I am guessing something is failing that is causing it not to validate properly. Also, the line should be errors.emailEdu = "You didn't type foo"; not errors.foo = ...

---

I had the same problem while running the code on my local dev server. As soon as I ran the code at the domain URL registered for my Facebook app, it all worked fine.

That also fixed a problem where a weird 3 bar progress indicator was persisting on top of the registration form.