Question

我在单页结帐时添加了“你是如何联系我们的”。

当我在下拉菜单中没有选择任何选项时按下下订单时，我必须收到错误消息“有一个必填字段”。

但是现在所需的选项无法按要求运行。

即使下拉列表中没有选择，客户也可以下订单。

我认为，按下“下订单”按钮时，它不会检查必填字段，也不会将空白选项视为值。

这是代码。

<?php
$survey_question_Status = Mage::getStoreConfig('grizzly_ordersocial/social/enable_social',Mage::app()->getStore());

$survey_question = Mage::getStoreConfig('grizzly_ordersocial/social/survey_question',Mage::app()->getStore());
?>
<form action="" class="where-did-you-hear" id="checkout-agreements" onsubmit="return false;">
    <?php if($survey_question_Status && isset($survey_question_Status)) { ?>
    <div class="buttons-set">
    <ul class="form-list">
        <li>
        <fieldset>
            <ul>
            <li>
                <label class="commentlabel required-entry" for="ordercomment-comment">
                <?php echo $survey_question; ?> <em>*</em></label>
                <div class="input-box required-entry">
<select class="validate-select" id="socialtype" name="socialtype" title="<?php echo $survey_question ?>">
<option value=""><?php echo $this->__("- Select -");?></option>
<option value="Friend/Relative/Acquaintance"><?php echo $this->__("Friend/Relative/Acquaintance");?></option>
<option value="Google search"><?php echo $this->__("Google search");?></option>
<option value="Gumtree Advert"><?php echo $this->__("Gumtree Advert");?></option>
<option value="Facebook"><?php echo $this->__("Facebook");?></option>
<option value="Other"><?php echo $this->__("Other");?></option>
</select>


                </div>
            </li>

            </ul>
        </fieldset>
        </li>
    </ul>
    </div>
</form>
<?php } ?>

我认为Place Order按钮规则正在解决问题。

Plz看看onepage / review / button.phtml

<p class="required"><?php echo $this->__('* Required Fields') ?></p>
<button type="submit" title="<?php echo $this->__('Place Order') ?>" class="button btn-checkout" onclick="review.save();"><span><span><?php echo $this->__('Place Order') ?></span></span></button>

Answer 1

从第一个value=""元素

中删除<option>属性

Answer 2

在页面末尾添加此脚本并传递表单ID checkout-agreements和您想要的字段添加class="required-entry"

<script type="text/javascript">
    //< ![CDATA[
        var customForm = new VarienForm('checkout-agreements');
    //]]>
</script>

如何在提交时验证下拉菜单选项

2 个答案: