JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<form method="post" id="frmStep1">
<select class="required" name="provincia" id="provincias" onchange="cargarProvincias();"><option value=''>Seleccionar provincia...</option><option name='provincias' value='ALAVA'>ALAVA</option><option name='provincias' value='ALBACETE'>ALBACETE</option><option name='provincias' value='ALICANTE'>ALICANTE</option><option name='provincias' value='ALMERIA'>ALMERIA</option><option name='provincias' value='ANDALUCIA'>ANDALUCIA</option><option name='provincias' value='ARAGON'>ARAGON</option><option name='provincias' value='ASTURIAS'>ASTURIAS</option><option name='provincias' value='AVILA'>AVILA</option><option name='provincias' value='BADAJOZ'>BADAJOZ</option><option name='provincias' value='BALEARES'>BALEARES</option><option name='provincias' value='BARCELONA'>BARCELONA</option><option name='provincias' value='BIZKAIA'>BIZKAIA</option><option name='provincias' value='BOE'>BOE</option><option name='provincias' value='BURGOS'>BURGOS</option><option name='provincias' value='CACERES'>CACERES</option><option name='provincias' value='CADIZ'>CADIZ</option><option name='provincias' value='CANARIAS'>CANARIAS</option><option name='provincias' value='CANTABRIA'>CANTABRIA</option><option name='provincias' value='CASTELLON'>CASTELLON</option><option name='provincias' value='CASTILLALEON'>CASTILLALEON</option><option name='provincias' value='CATALUNA'>CATALUNA</option><option name='provincias' value='CEUTA'>CEUTA</option><option name='provincias' value='CIUDADREAL'>CIUDADREAL</option><option name='provincias' value='CORDOBA'>CORDOBA</option><option name='provincias' value='CORUNA'>CORUNA</option><option name='provincias' value='CUENCA'>CUENCA</option><option name='provincias' value='CVALENCIA'>CVALENCIA</option><option name='provincias' value='DOGA'>DOGA</option><option name='provincias' value='EXTREMADURA'>EXTREMADURA</option><option name='provincias'...

CSS

/* errores */
label {
    width: 10em;
    float: left;
}
label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}

JavaScript

$(document).ready(function() {
    // Validacion paso 1
    $("#frmStep1").validate({
        rules: {
            provincia: "required",
            sitio: "required"
        },
        messages: {
            provincia: "Por favor selecciona una provincia",
            sitio: "Por favor selecciona un lugar"
        }
    });

    // Validacion paso 2
    $("#frmStep2").validate({
        rules: {
            logotipo: {
                required: true
            },
            telefono: {
                required: true,
                number: true,
                minlength: 6,
                maxlength: 12
            }
        },
        messages: {
            logotipo: "Por favor adjunte un logotipo",
            telefono: "Por favor escriba un telefono valido"
        }
    });

});

function cargarProvincias() {
    $('#sitio').html('<option selected>Cargando...</option>');

    var idPais = $('#provincias').val();
    var toLoad = '../jmsouto/includes/cargar_provincias.php?provincias=' + idPais;

    $.post(toLoad, function(responseText) {
        $('#sitio').html(responseText);
    });
}