jquery验证插件方法/css问题..需要帮助吗
我有一个简单的表单,当字段无效时,它会出现一些CSS问题 看看这个: 因此,所有字段都是必需的。如果您只需点击提交按钮,错误字段就会显示一个漂亮的黄色背景来提醒您(以及无效文本) 问题在于选项按钮。单选按钮周围的div没有黄色背景。但是,拿着这个。在“amountOther”字段中键入除#以外的任何内容,黄色高亮显示。这让我很困惑。为什么在第一次尝试时它不会突出显示 想法jquery验证插件方法/css问题..需要帮助吗,jquery,forms,jquery-validate,Jquery,Forms,Jquery Validate,我有一个简单的表单,当字段无效时,它会出现一些CSS问题 看看这个: 因此,所有字段都是必需的。如果您只需点击提交按钮,错误字段就会显示一个漂亮的黄色背景来提醒您(以及无效文本) 问题在于选项按钮。单选按钮周围的div没有黄色背景。但是,拿着这个。在“amountOther”字段中键入除#以外的任何内容,黄色高亮显示。这让我很困惑。为什么在第一次尝试时它不会突出显示 想法 谢谢 将AmountOther文本框移动到自己的 请选择捐赠金额或在下面输入您想要捐赠的金额。 $25 50美元最受欢迎
谢谢 将
AmountOther
文本框移动到自己的
请选择捐赠金额或在下面输入您想要捐赠的金额。
$25
50美元最受欢迎的金额
$100
$250
其他(至少1美元捐款)
.00
包含单选按钮的
div
未突出显示,因为该div
包含AmountOther
文本字段(如果未选择其他单选按钮,则不需要该字段)。您在同一个分区中有两个字段(金额
和金额
),一个是必填字段(金额
),另一个不是(金额
),因为它没有突出显示。谢谢您,摩西先生。就这样!
<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>