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