Magento – Magento 2 : Terms and Condition validation not working on checkout page

We have face the same issue(terms and conditions not validating) in our system, and change the below mentioned code. Now working properly.

File Path:

vendor/magento/module-checkout-agreements/view/frontend/web/js/model/agreement-validator.js

Change the below code:

/**
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */
/*jshint browser:true jquery:true*/
/*global alert*/
define(
    [
        'jquery',
        'mage/validation'
    ],
    function ($) {
        'use strict';
        var checkoutConfig = window.checkoutConfig,
            agreementsConfig = checkoutConfig ? checkoutConfig.checkoutAgreements : {};

        var agreementsInputPath = '.payment-method._active div.checkout-agreements input';

        return {
            /**
             * Validate checkout agreements
             *
             * @returns {boolean}
             */
            validate: function() {
                var noError = true;
                if (!agreementsConfig.isEnabled || $(agreementsInputPath).length == 0) {
                    return noError;
                }

                $('.payment-method:not(._active) div.checkout-agreements input')
                    .prop('checked', false)
                    .removeClass('mage-error')
                    .siblings('.mage-error[generated="true"]').remove();

                $(agreementsInputPath).each(function() {
                    var name = $(this).attr('name');

                    var result = $('#co-payment-form').validate({
                        errorClass: 'mage-error',
                        errorElement: 'div',
                        meta: 'validate',
                        errorPlacement: function (error, element) {
                            var errorPlacement = element;
                            if (element.is(':checkbox') || element.is(':radio')) {
                                errorPlacement = element.siblings('label').last();
                            }
                            errorPlacement.after(error);
                        }
                    }).element(agreementsInputPath + '[name="' + name + '"]');

                    if (!result) {
                        noError = false;
                    }
                });

                return noError;
            }
        }
    }
);

After changed the code you will following command:

php bin/magento setup:static-content:deploy
php bin/magento cache:clean
php bin/magento cache:flush

So, after being absent for a while I've found what causes the agreements to not be validated.

There is this file called agreements-assigner.js, located in

Module_CheckoutAgreements/view/frontend/web/js/model

In this file, there is a variable called agreementForm. This variable is assigned to the checkbox of the terms and agreements. Originally like this:

agreementForm = $('.payment-method._active div[data-role=checkout-agreements] input');

But of course, I moved the checkbox out of it's original location, so this path to the checkbox does not exist anymore.

If you, for example, change the variable as follows:

agreementForm = $('div[data-role=checkout-agreements] input');

The .js-file is able to locate your checkout agreements checkbox! Now your order can be placed succesfully.

A rather simple fix. I was trying to fix it using custom .js and stuff, and totally oversaw this file... ;)

NOTE: do not edit the core file directly. Rather copy it to your module or theme and alter the file according to your needs.