jquery проверяет метод плагина/проблему css... нужна помощь

У меня есть эта простая форма, в которой возникают проблемы с CSS, когда поле недействительно.

Проверьте это: Простая форма с плагином jQuery и Validate

Итак, все поля обязательны. Если вы просто нажмете кнопку отправки, поля ошибок получат приятный желтый фон, чтобы предупредить вас (вместе с недопустимым текстом).

Проблема в кнопках выбора. Окружающий div радиокнопок не имеет желтого фона. Но поймите это. Введите что-нибудь, кроме #, в поле «amountOther», и появится желтая подсветка. это сбивает меня с толку. почему он не подсветится с первой попытки?

мысли?

Спасибо!


forms jquery jquery-validate
person Loony2nz    schedule 06.01.2010    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Переместите текстовое поле AmountOther в его собственное <div class="field">

<div class="field" id="radioButtons">
    <label>Please select a donation amount or enter the amount you would like to donate below.</label>
    <div class="option">
        <input name="Amount" type="radio" id="amount25" value="25" class="radio"  />
        <label for="amount25">$25</label>
    </div>
    <div class="option">
        <input name="Amount" type="radio" id="amount50" value="50" class="radio"  />
        <label for="amount50">$50 <span>most popular amount</span></label>
    </div>
    <div class="option">
        <input name="Amount" type="radio" id="amount100" value="100" class="radio"  />
        <label for="amount100">$100</label>
    </div>
    <div class="option">
        <input name="Amount" type="radio" id="amount250" value="250" class="radio"  />
        <label for="amount250">$250</label>
    </div>
    <div class="option">
        <input name="Amount" type="radio" id="other" value="other" class="radio"  />
        <label for="other">other <span>(minimum $1 donation)</span></label>
    </div>
    <div id="donationErrorMsg"></div>
</div>

<div class="field">
    <input type="text" class="textbox" name="AmountOther" id="AmountOther" value="" />.00
</div>

div, который содержит переключатели, не выделяется, потому что тот же div содержит текстовое поле AmountOther (которое не требуется, если другой переключатель не выбран). У вас два поля (Amount и AmountOther) в одном и том же div, одно обязательное (Amount) и одно нет (AmountOther), там для него не выделено.

person Alpha Codemonkey    schedule 06.01.2010
comment
Спасибо, мистер Мозес. Вот и все! - person Loony2nz; 07.01.2010