HTML5验证不适用于Woocommerce cart.php

Question

我有一个非常具体的情况，我需要用户检查条款和购物车页面上的条件复选框，在它们可以离开页面之前，或者在它们可以继续结帐之前。

我修改了cart.php：

<div class="row cart-totals">                   
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6">
                    <a class="btn btn-default btn-lg btn-block" href="#update-cart" id="update-cart-btn"><?php _e('Update Cart', 'aurum'); ?></a>
                </div>

                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6">
                    <a class="btn btn-primary btn-lg btn-block" href="<?php echo esc_url( wc_get_checkout_url() ); ?>" id="proceed-to-checkout"><?php _e('Checkout', 'aurum'); ?></a>
                </div>
            </div>

对此：

<div class="row cart-totals">

                <!-- Köpvillkor tillgda av mig -->
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

                    <p class="terms">
                        <input name="terms" type="checkbox" required class="input-checkbox" id="terms" />
                        <label for="terms" class="checkbox">Jag godkänner härmed Trend House <a href="allmanna-villkor/" title="Allmänna Villkor" target="_blank">Allmänna Villkor</a> & <a href="integritetspolicy/" title="Integritetspolicy" target="_blank">Integritetspolicy</a> samt åtar mig att betala för min order i enlighet med era <a href="betalningsvillkor/" title="Betalningsvillkor" target="_blank">Betalningsvillkor</a> .</label>
                    </p>

                </div>
                <!-- Slut på Köpvillkor tillagda av mig -->

                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6">
                    <a class="btn btn-default btn-lg btn-block" href="#update-cart" id="update-cart-btn"><?php _e('Update Cart', 'aurum'); ?></a>
                </div>

                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-6">
                    <a class="btn btn-primary btn-lg btn-block" href="<?php echo esc_url( wc_get_checkout_url() ); ?>" id="proceed-to-checkout"><?php _e('Checkout', 'aurum'); ?></a>
                </div>
            </div>

这不起作用。一个人都可以离开页面或继续结账，而无需选中复选框。为什么它不起作用，我怎样才能使它发挥作用？

提前致谢！