jQuery验证IE中的插件和HTML5占位符插件问题

jQuery验证IE中的插件和HTML5占位符插件问题,jquery,jquery-validate,placeholder,Jquery,Jquery Validate,Placeholder,我对Jquery验证和html5占位符有问题。它在chrome和FF中工作得很好,但IE 9及以下版本我有一个问题。我只在第一次点击提交时才看到问题 在文本字段中键入时,每个必填字段和占位符文本都不会消失 这是我在标题中的代码 $(文档).ready(函数(){ //起始代码 //结束代码 //更新 $('#form339')。验证({//初始化插件 规则:{ 名字:{ 必填项:true }, 姓氏:{ 必填项:true }, 公司:{ 必填项:true }, 电子邮件地址:{ 要求:正确

我对Jquery验证和html5占位符有问题。它在chrome和FF中工作得很好,但IE 9及以下版本我有一个问题。我只在第一次点击提交时才看到问题

在文本字段中键入时,每个必填字段和占位符文本都不会消失

这是我在标题中的代码



$(文档).ready(函数(){
//起始代码
//结束代码
//更新
$('#form339')。验证({//初始化插件
规则:{
名字:{
必填项:true
},
姓氏:{
必填项:true
},
公司:{
必填项:true
},
电子邮件地址:{
要求:正确,
电子邮件:真的
}
}
});
});
$(函数(){
$(':输入[占位符])。占位符();
});

正文中的代码

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


国 阿富汗 美国 加利福尼亚州

如何解决此问题

您的javascript对象中有额外的逗号

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

必需:true,//这对于除IE以外的任何浏览器都适用。更新到此$('#form339')。验证({//初始化插件规则:{firstName:{required:true},lastName:{required:true},公司:{必需:true},电子邮件地址:{必需:true,电子邮件:true}});});额外的逗号问题在IE8中得到了修复,但最好是删除它,即使这会导致IE6/7中出现错误?FacePalm我不确定这是否值得否决,但由于OP在IE8和IE9中也有问题,这不能解决他的问题。将来,请以我们易于阅读的格式发布您的HTML。一个长字符串w没有换行符是不可接受的。由于您的问题可能更多地与
.placeholder()
有关,请包含有关此插件的信息。什么是

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