Add validation for custom additional required checkout fields for WooCommerce

Question

So, if the product belongs to a specific category, I will add these WooCommerce fields to the checkout page. But now I have set 'required=true' for both fields but it is not working?

Here's how I created these fields:

<?php


add_action( 'woocommerce_before_order_notes', 'add_video_short_checkout_fields', 1000, 1 );
function add_video_short_checkout_fields( $checkout ) {

    date_default_timezone_set('Europe/Amsterdam');

    // Loop through cart items
    foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
        $product = $cart_item['data'];

        if ( has_term( 'video-short', 'product_cat', $product->get_id() ) ) {
            $product_title = $product->get_name();
            $product_id = $product->get_id();
            $unique_id = $cart_item_key;

            $current_date = date('d-m-Y', strtotime(' 72 hours'));
            $hours_to_add = 24;

            // Add custom fields for the product
            echo '<div class="video-short-fields group_extra_info">';
            echo '<h3>' . esc_html( $product_title ) . '</h3>';
            echo '<div class="video-short-fields form-row-group">';

            woocommerce_form_field( 'custom_field_1_' . $unique_id, array(
                'type' => 'text',
                'class' => array( 'video_veld customfield_start form-row-wide' ),
                'label' => __( 'Video Title Short', 'woocommerce' ),
                'placeholder' => __( 'Your title', 'woocommerce' ),
                'required' => true,
                ), $cart_item['my_custom_field_1'] );



            $hours_to_add = 24;
    
        }



?>

Answer 1

You mentioned different function names.

The name of the function is add_youtube_short_checkout_fields, but the hook refers to add_video_short_checkout_fields.

<?php
    
    
    add_action( 'woocommerce_before_order_notes', 'add_youtube_short_checkout_fields', 1000, 1 );
    function add_youtube_short_checkout_fields( $checkout ) {
    
        date_default_timezone_set('Europe/Amsterdam');
    
        // Loop through cart items
        foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
            $product = $cart_item['data'];
    
            if ( has_term( 'video-short', 'product_cat', $product->get_id() ) ) {
                $product_title = $product->get_name();
                $product_id = $product->get_id();
                $unique_id = $cart_item_key;
    
                $current_date = date('d-m-Y', strtotime('+72 hours'));
                $hours_to_add = 24;
    
                // Add custom fields for the product
                echo '<div class="video-short-fields group_extra_info">';
                echo '<h3>' . esc_html( $product_title ) . '</h3>';
                echo '<div class="video-short-fields form-row-group">';
    
                woocommerce_form_field( 'custom_field_1_' . $unique_id, array(
                    'type' => 'text',
                    'class' => array( 'video_veld customfield_start form-row-wide' ),
                    'label' => __( 'Video Title Short', 'woocommerce' ),
                    'placeholder' => __( 'Your title', 'woocommerce' ),
                    'required' => true,
                    ), $cart_item['my_custom_field_1'] );
    
    
    
                $hours_to_add += 24;
        
            }
    
    
    
    ?>