Te falta agregar un form, y tu codigo no tenia un boton que validara tu funcion, así que hice un pequeño ejemplo, creo que estas algo confundido con respecto a rules:, ahí tu defines las reglas que tendra cada uno de tus inputs, para despues definir los mensajes que contendran esas reglas, te recomiento revisar el sitio oficial de JQuery Validation
$(document).ready(function(){
$(".hidden-case").hide();
$('#Participating').on('change', function() {
if ( this.value == 'Staff')
{
$(".hidden-case").show();
}
else
{
$(".hidden-case").hide();
}
});
});
function validationForm(){
$("#main-form").validate({
rules:{
Participating:{
required:{
depends: function(element){
if('none' == $('#Participating').val()){
$('#Participating').val('');
}
return true;
}
}
},
Id_employe:{
digi:true,
min:1,
required:true
},
},
messages:{
Participating:{
required: "*Campo Obligatorio"
},
Id_employe:{
required: "*Obligatorio"
}
}
});
};
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.0/dist/jquery.validate.js"></script>
<form id="main-form">
<div class="form-input">
<label for="Participating" class="required">Participando como</label>
<select class="form-control " name="Participating" id="Participating"/>
<option value="">Seleccione una opcion</option>
<option value="Visitante">Visitante</option>
<option value="Expositor">Expositor</option>
<option value="Ponente">Ponente</option>
<option value="Staff">Staff</option>
</select>
</div>
<div class="form-input hidden-case">
<label for="Id_employe" class="required">Numero de Empleado</label>
<input type="text" class="form-control hiddeen" name="Id_employe" placeholder="Numero de Empleado" id="Id_employe"/>
</div>
<button onClick="validationForm();">Validar</button>
</form>
Espero te sirva, Saludos.