jQuery验证器-在IE中突出显示下拉列表
我正在为jQuery使用验证器插件,并使无效字段获得红色边框。这是通过在css类“error”中添加边框样式来实现的,但是我在IE中遇到了下拉列表(select)的问题,因为它不会采用边框样式(在Firefox中可以正常工作) 在validator demo Marketo()中,它以我所需要的方式为IE工作。但该死的,我不知道它是怎么做到的。即使我将页面的副本保存在本地,我的副本也不会像在Basistance服务器上那样工作,我想知道它是否与我无法访问的几个包含相关(jquery.ajaxQueue.js和jquery.delegate.js) TIA这在IE中运行良好jQuery验证器-在IE中突出显示下拉列表,jquery,css,internet-explorer,border,validation,Jquery,Css,Internet Explorer,Border,Validation,我正在为jQuery使用验证器插件,并使无效字段获得红色边框。这是通过在css类“error”中添加边框样式来实现的,但是我在IE中遇到了下拉列表(select)的问题,因为它不会采用边框样式(在Firefox中可以正常工作) 在validator demo Marketo()中,它以我所需要的方式为IE工作。但该死的,我不知道它是怎么做到的。即使我将页面的副本保存在本地,我的副本也不会像在Basistance服务器上那样工作,我想知道它是否与我无法访问的几个包含相关(jquery.ajaxQu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-200000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Subscription Signup | Marketo</title>
<link rel="shortcut icon" href="/favicon.ico" />
<script src="http://jquery.bassistance.de/validate/lib/jquery.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/validate/lib/jquery.metadata.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/validate/lib/jquery.ajaxQueue.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/validate/lib/jquery.delegate.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript" src="http://jquery.bassistance.de/validate/demo/marketo/jquery.maskedinput.js"></script>
<script type="text/javascript" src="http://jquery.bassistance.de/validate/demo/marketo/mktSignup.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="http://jquery.bassistance.de/validate/demo/marketo/stylesheet.css" />
</head>
<body>
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="all" href="http://jquery.bassistance.de/validate/demo/marketo/ie6.css" />
<![endif]-->
<!-- start main content -->
<div class="main-content resize">
<div class="action-container" style="display:none;"></div>
<h1>Step 2 of 2</h1>
<h2>Billing Information</h2>
<p>
</p>
<br clear="all" />
<div>
<form id="billingForm" action="" method="get" >
<div class="error" style="display:none;">
<img src="images/warning.gif" alt="Warning!" width="24" height="24" style="float:left; margin: -5px 10px 0px 0px; " />
<span></span>.<br clear="all" />
</div>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="label">Credit Card Type:</td>
<td class="field">
<select id="cc_type" class="required" name="cc_type" class="creditCardType" tabindex="11">
<option value="">Choose Credit Card</option>
<option value="amex">American Express</option>
<option value="discover">Discover</option>
<option value="mastercard">MasterCard</option>
<option value="visa">Visa</option>
</select>
</td>
</tr>
<tr>
<td class="label">Expiration:</td>
<td class="field">
<select id="cc_exp_month" name="cc_exp_month" title="ExpirationMonth" tabindex="12">
<option value="01">01 - Jan</option>
<option value="02">02 - Feb</option>
<option value="03">03 - Mar</option>
<option value="04">04 - Apr</option>
<option value="05">05 - May</option>
<option value="06">06 - Jun</option>
<option value="07">07 - Jul</option>
<option value="08">08 - Aug</option>
<option value="09">09 - Sep</option>
<option value="10">10 - Oct</option>
<option value="11">11 - Nov</option>
<option value="12">12 - Dec</option>
</select>
<select id="cc_exp_year" name="cc_exp_year" title="ExpirationYear" tabindex="13">
<option value="2007">2007</option>
<option value="2008" selected="selected">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
</select>
</td>
</tr>
<tr>
<td class="label"><label for="credit_card">Credit Card Number:</label></td>
<td class="field">
<input maxlength="40" id="creditcard" class="required" name="credit_card" size="20" type="text" tabindex="14" />
</td>
</tr>
<tr>
<td class="label"><label for="cc_cvv">Security Code:</label></td>
<td class="field">
<input id="ccNumber" class="required" maxlength="4" name="cc_cvv" style="width: 30px;" type="text" style="vertical-align: top;" tabindex="16" value="" />
</td>
</tr>
<tr>
<td></td>
<td>
<div class="buttonSubmit">
<span></span>
<input class="formButton" type="submit" value="Finish" style="width: 180px" />
</div><br clear="all"/>
</td>
</tr>
</table>
</form>
<br clear="all" />
</div>
</body>
</html>
订阅注册| Marketo
第2步,共2步
计费信息
.
信用卡类型:
选择信用卡
美国运通
发现
万事达卡
签证
到期:
01-1月
2月2日至2月
3月3日
2004年4月4日
5月5日至5月
6月6日
7月7日至7月
8月8日至8月
9月9日至9月
10月10日至10月
11月11日至11日
12月12日至12月
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
信用卡号码:
安全代码:
这应该是一个css问题,而不是jquery:),除非它使用.css()
,但听起来确实像是缺少css文件,或者是错误的,类名,或者是错误的id,你应该展示你的代码示例,这样我们就可以看到发生了什么:)