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

【问题标题】：How to Validate Drop down menu options while submit如何在提交时验证下拉菜单选项
【发布时间】：2016-04-06 18:16:04
【问题描述】：

我在我的单页结帐中添加了“你是如何联系到我们的”下拉菜单。

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

但现在 REQUIRED 选项无法按要求工作。

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

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

这是代码。

<?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 } ?>

我认为“下订单”按钮规则造成了问题。

请查看 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>

【问题讨论】：

您的问题究竟是什么？
您在提供的代码中的 select 标记上缺少 require 属性。此外，当问题仅与您的下拉代码有关时，请仅提供对您的问题有用的代码，而不是您的所有代码。
如何添加require属性？

标签： javascript html magento drop-down-menu checkout

【解决方案1】：

从第一个 <option> 元素中删除 value="" 属性

【讨论】：

它没有帮助... ;)
你可以使用代替，这可能有效。
当我按下提交按钮时，甚至没有考虑所需的选项......下拉菜单仍然是虚拟的......非常沮丧......

【解决方案2】：

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

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

【讨论】：