Javascript and IE7

Just a quick post. Something to look for with Internet Explorer 7 and Javascript (not JQuery specifically). The following will work fine in IE8, FF and even IE6, but not IE7:

$("#foo").validate({
      rules: {
        firstname: 'required',
        lastname: 'required',
        phone: 'required',
        email: {required:true,email:true},
        street: 'required',
        city: 'required',
        state: 'required',
        postcode: 'required',
        service_areas: 'required',
      }
    });
  

Whereas this will:

$("#foo").validate({
      rules: {
        firstname: 'required',
        lastname: 'required',
        phone: 'required',
        email: {required:true,email:true},
        street: 'required',
        city: 'required',
        state: 'required',
        postcode: 'required',
        service_areas: 'required'
      }
    });
  

Spot the difference? That single comma after the last rule hash. That will stop IE7 from processing Javascript and result in your other events not getting fired.


Possibly similar articles