个人中心
gpt4 book ai didi

jQuery 验证器 - 在 IE 中突出显示下拉列表

转载 作者：行者123 更新时间：2023-11-28 14:46:11 25 4
gpt4 key购买 nike

我正在使用 jQuery 的验证器插件，并使无效字段获得红色边框。这是通过向 css 类“错误”添加边框样式来完成的，但我在 IE 中使用下拉菜单(选择)时遇到问题，因为它不会采用边框样式(在 Firefox 中工作正常)。

在验证器演示 Marketo ( http://jquery.bassistance.de/validate/demo/marketo/step2.htm ) 中，它以我需要的方式适用于 IE。但是我不知道它是怎么做到的。即使我在本地保存了页面的副本，我的副本也不会像在 bassistance 服务器上那样工作，我想知道它是否与我无法访问的几个包含(jquery.ajaxQueue.js 和jquery.delegate.js)。

TIA

最佳答案

这在 IE 中工作正常

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

关于jQuery 验证器 - 在 IE 中突出显示下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5249491/

25 4 0
文章推荐： css - 与其他浏览器相比，IE(所有版本)中的奇怪偏移
文章推荐： javascript - 如何在 JavaScript 中对使用逗号分隔的数字 _and_ 符号的字符串数组进行最佳排序
文章推荐： ios - 是否可以覆盖 MDCTextInputControllerFilled 的 borderView 框架？
文章推荐： html - CSS 投影禁用链接
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com