jQuery 유효성 검사기 - IE의 드롭 다운에 대한 강조 표시

jQuery 용 유효성 검사기 플러그인을 사용하고 유효하지 않은 필드를 만들기 위해 빨간색 테두리가 표시됩니다. 이 CSS 스타일 "오류"테두리 스타일을 추가하여 수행됩니다 있지만 IE에서 dropdowns (select) 문제가 있습니다 (Firefox에서 잘 작동합니다) 테두리 스타일을 사용하지 않습니다.jQuery 유효성 검사기 - IE의 드롭 다운에 대한 강조 표시

유효성 검사기 데모 Marketo (http://jquery.bassistance.de/validate/demo/marketo/step2.htm)에서 필자는 필자가 필요로하는 방식으로 IE에서 작동합니다. 그러나 그것이 어떻게 이루어지는 지 알아낼 수는 없습니다. 페이지의 복사본을 로컬로 저장하더라도 내 복사본은 bassistance 서버에서 작동하는 방식으로 작동하지 않으며, 내가 얻을 수없는 몇 가지 포함 항목과 관련이 있는지 궁금합니다 (jquery.ajaxQueue.js 및 jquery.delegate.js).

TIA

는

출처

2011-03-09 Trillian

을 잘 작동 CSS 파일 또는 클래스 이름이 잘못되었거나 잘못된 ID가있는 경우 코드의 예를 보여 주어야합니다. – Val

이 그것)가`에 .css (사용하지 않는 JQuery와 : '하지만 당신이 소리를 누락하지 않습니다 것처럼 CSS의 문제이어야한다 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>

출처

2011-03-09 18:02:37

jQuery 유효성 검사기 - IE의 드롭 다운에 대한 강조 표시

답변

관련 문제