与IE浏览器的jQuery验证插件和HTML5占位符插件问题

-2

我遇到了Jquery validate和html5占位符的问题。它在Chrome和FF中很好用，但IE 9和以下版本有问题。我只在首先提交时才看到问题。与IE浏览器的jQuery验证插件和HTML5占位符插件问题

所需且具有占位符文本的每个字段中键入的文本字段时不会消失

这是我在头

<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>

我怎样才能解决这个问题

来源

2013-07-24 Dan Kelly

未来，请以您可以轻松阅读的格式发布您的HTML。没有换行符的一个长字符串是不可接受的。 – Sparky

由于您的问题可能与'.placeholder（）'有关，请包含有关此插件的信息。 – Sparky

' Sparky

-1

您的JavaScript对象额外的逗号。

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

来源

2013-07-24 20:06:04

对IE以外的任何浏览器都适用。 – Ohgodwhy

更新为此 $（ '＃form339'）验证（{//初始化插件规则：{ 姓：{ 要求：真实 }，名字：{ 要求：真实 }，公司：{需要：真 }， EmailAddress的：{ 需要：真，电子邮件：真 } } }）; }）; –

额外的逗号问题在IE8中得到修复，但仍然更好地将其删除 –

与IE浏览器的jQuery验证插件和HTML5占位符插件问题

回答

相关问题