funzione js => campi di un form richiesti per il bottone di invio pagamento

[valeboccaccio]

Ciao nella checkout page del mio ecommerce ho questo form per l'indirizzo di spedizione:

    <div id="shipping">
        <div class="form-row ">
        <p class="cb-purchase-p"><strong>Shipping address:</strong></p>
        <div class="first-sec">
        <label><?php _e('Country', 'memberdeck'); ?></label>
        <select name="country" id="country" class="country">
        <option value="" selected="selected"><?php echo $cuntry_name[0]; ?></option>
        <option value="Canada">Afghanistan</option>
        <option value="">USA</option>
        </select>    
        </div>
        </div>
    
        <div class="form-row form-row-half-width">
        <div class="first-sec">
        <label><?php _e('Address', 'memberdeck'); ?></label>
        <input type="text" size="20" autocomplete="off"  name="address-one" class="address required"  value="<?php echo $addressone[0]; ?>" />
        </div>
        </div>
    
        <div class="form-row form-row-half-width">
        <div class="first-sec">
        <label><?php _e('State', 'memberdeck'); ?></label>
        <input type="text" size="20" autocomplete="off"  name="state" class="state required"  value="<?php echo $state[0]; ?>"/>
        </div>
        </div>
    
        <div class="form-row form-row-half-width">
        <div class="first-sec">
        <label><?php _e('City', 'memberdeck'); ?></label>
        <input type="text" size="20" name="city" autocomplete="off" class="city-name" required value="<?php echo $city[0]; ?>"/>
        </div>
        </div>
    
        <div class="form-row ">
        <div class="first-sec postal-code">
        <label><?php _e('Postal code', 'memberdeck'); ?></label>
        <input type="text" size="20" name="zip" autocomplete="off" class="postal-code" required value="<?php echo $zip[0]; ?>"/>
        </div>
        </div>
    </div>

E questo bottone per inviare il pagamento:

    <button type="submit" id="id-main-submit" class="col-lg-2 col-lg-offset-1 submit-button cb-payment"><?php _e('Submit Payment', 'memberdeck'); ?></button>

Sto cercando il modo di creare una funzione js che imposti richieste le informazioni di spedizione per il bottone di pagamento.

Così che gli utenti non possono inviare il pagamento senza aver inserito il proprio indirizzo di spedizione.

Solo che non sono molto esperto di js.
Grazie mille per l'aiuto.

[cavicchiandrea]

Ci sono "validatori" js in rete ma senza un minimo di conosce js l'operazione non sarà semplice se usi un CMS come ecommer l'operazione potrebbe complicarsi

[valeboccaccio]

puoi linkarmi qualche tutorial se ne conosci?

[cavicchiandrea]

puoi linkarmi qualche tutorial se ne conosci?

Non ne conosco, perché non uso questi "validatori"