與IE瀏覽器的jQuery驗證插件和HTML5佔位符插件問題

Question

我遇到了Jquery validate和html5佔位符的問題。它在Chrome和FF中很好用，但IE 9和以下版本有問題。我只在首先提交時纔看到問題。

所需且具有佔位符文本的每個字段中鍵入的文本字段時不會消失

http://screencast.com/t/R0hqbXKm

這是我在頭

---

<script type="text/javascript"> 

$(document).ready(function() { 

//Start code 

// end code 

// Updated 

    $('#form339').validate({ // initialize the plugin 
     rules: { 
      firstName: { 
       required: true 
      }, 
      lastName: { 
       required: true 
      }, 
      Company: { 
       required: true 
      }, 
      EmailAddress: { 
       required: true, 
       email: true 
      } 
     } 
    }); 

}); 

</script> 

<script src="/js/microsite/html5placeholder.jquery.js"></script> 

<script> 
    $(function(){ 
     $(':input[placeholder]').placeholder(); 
    }); 
</script> 

---

代碼

身體代碼

<fm action="#" method="post" name="f1"> 
    <input name="elqFormName" type="hidden" value="####" /> 
    <input name="elqSiteId" type="hidden" value="1363" /> 
    <input name="elqCampaignId" type="hidden" /> 
    <input name="sfdc_campaign" type="hidden" value="701D0000000auNz" /> 
    <input name="lead_request" type="hidden" value="000" /> 
    <input name="lead_source" type="hidden" value="2013-Rebrand" /> 
    <input name="Salutation1" placeholder="*Prefix" type="text" /> 
    <input name="firstName" placeholder="*First Name" type="text" /> 
    <input name="lastName" placeholder="*Last Name" type="text" /> 
    <input name="EmailAddress" placeholder="*Email Address" type="text" /> 
    <input name="Company" placeholder="*Company" type="text" /> 
    <input name="HQ_State1" placeholder="HQ State/Province" type="text" /> 
    <!--<input type="text" placeholder="Phone Number" name="phone">--> 
    <br /> 
    <select class="drop1" name="country"> 
      <option selected="selected" value="">Country</option> 
      <option value="Afghanistan">Afghanistan</option> 
      <option value="United States">United States</option> 
      <option value="CA">CA</option></select> 
      <!--<div class="requiredtxt">* Required fields</div>--> 
    <input alt="SUBMIT!" border="0" class="submit_style" height="29" src="/images/general/Submit2.png" type="image" width="252" /> 
    &nbsp; 
</form> 

我怎樣才能解決這個問題

Answer 1

您的JavaScript對象額外的逗號。

firstName: { 
    required: true, // <--- remove comma 
},