Eu tenho este código que ele verifica se existe algum input
com data-required
que não foi preenchido, para informar para o usuário. Porém eu tenho 3 selects
que não estão sendo verificados.
$.each($('input[data-required="true"]'), function (e) {
if (!this.value || this.value == '') {
verificaform = 1;
$(this).css('border', 'red 1px solid');
var id = $($(this).parents('.tab-pane')[0]).attr('id');
$('[href="#' + id + '"]').trigger('click');
$(this).focus();
e.preventDefault(); // Vai prevenir o submit do formulário
return false; // Vai parar a execução do .each()
}
else {
$(this).css('border', '#CCCCCC 1px solid');
}
if ($('#ClienteNovo').valid()) {
verificaform = 0;
}
});
Este é um deles
<label asp-for="CidadeEntrega" class="col-md-1 control-label" style="text-align:left;"></label>
<div class="col-md-4">
<select asp-for="CidadeEntrega" asp-items="@Model.CidadeEntregaList" required id="cbmunicipioentrega" class="form-control uppercase"> <option disabled selected>Selecione o Município</option></select>
<span asp-validation-for="CidadeEntrega" class="text-danger"></span>
</div>
Como posso fazer para eles serem validados, pois se não forem preenchidos ele deixa passar do mesmo jeito.
$('select[required]')
, ou seja, procurar porselect
s com o attrrequired
, o seu selector esta procurando porinput
s com attrdata-required='true'
input
tb, como posso adaptar pros dois ?,
e ficar assim$('input[data-required="true"],select[required]')
selector = 'input[data-required="true"], select[required]'
, note que não é 2 selectors.$( selector ).each( function(){ } );
- jQuery - Multiple Selector