Tenho vários campos e outros em display:none
(De antemão aviso que ja andei no stack e até achei uma pergunta semelhante porem não consegui ter o resultado esperado.)
Preciso valida-los, porém preciso habilitar um botão de submit, meu código não está dentro de um formulario, isto é o que tem prejudicado.
Meu código abaixo:
<style>
#btn_Codigo,
#btn_Nome,
#btn_Sexo{
display: none;
}
</style>
<div class="upage vertical-col left hidden" id="parte01">
<ion-header-bar class="bar inner-element uib_w_1 bar-positive bar-header" data-uib="ionic/header" data-ver="0">
<div class="buttons widget-container content-area horiz-area wrapping-col"></div>
<h1 class="title">Cadastro de Tratamento</h1>
<div class="buttons widget-container content-area horiz-area wrapping-col">
<div class="button-bar widget uib_w_16 d-margins" data-uib="ionic/button_bar" data-ver="0"></div>
</div>
</ion-header-bar>
<div style="height: 45px;"></div>
<div class="tabs widget uib_w_18 ajusteMargin" data-uib="ionic/tab_bar" data-ver="0"><a class="tab-item widget uib_w_19" data-uib="ionic/tab_item" data-ver="0" id="btn_Pessoa">Pessoa</a><a class="tab-item widget uib_w_20" data-uib="ionic/tab_item" data-ver="0" id="btn_Consulta">Consulta</a><a class="tab-item widget uib_w_21"
data-uib="ionic/tab_item" data-ver="0" id="btn_Pagamento">Pagamento</a>
</div>
<label class="item item-input item-select widget uib_w_2 d-margins" data-uib="ionic/select" data-ver="0">
<div class="input-label">Estatus</div>
<select id="slc_Situacao">
<option>Ativo</option>
<option>Inativo</option>
</select>
</label>
<label class="item item-input widget uib_w_23 d-margins item-stacked-label" data-uib="ionic/input" data-ver="0"><span class="input-label">Ultimo levantamento</span>
<input type="date" id="dt_UltimoLevantamento">
</label>
<label class="item item-input widget uib_w_3 d-margins borderObrigatorio" data-uib="ionic/input" data-ver="0" id="txt_Cliente">
<i class="icon placeholder-icon ion-android-search ion"></i>
<input type="text" placeholder="Cliente">
</label>
<button class="button widget uib_w_4 d-margins button-small button-balanced ion ion-android-contact icon-only" data-uib="ionic/button" data-ver="0" id="btn_NovoCliente"></button>
<label class="item item-input widget uib_w_5 d-margins borderObrigatorio" data-uib="ionic/input" data-ver="0" id="btn_Codigo">
<input type="text" placeholder="Código">
</label>
<label class="item item-input widget uib_w_6 d-margins borderObrigatorio" data-uib="ionic/input" data-ver="0" id="btn_Nome">
<input type="text" placeholder="Nome">
</label>
<label class="item item-input item-select widget uib_w_7 d-margins" data-uib="ionic/select" data-ver="0" id="btn_Sexo">
<div class="input-label">Sexo</div>
<select id="btn_Sexo">
<option>Masculino</option>
<option>Feminino</option>
</select>
</label>
<button class="bar button inner-element widget uib_w_8 bar-footer fixedBot tom button-assertive ion ion-alert-circled" data-uib="ionic/button" data-ver="0" id="btn_Proximo1"></button>
</div>
Quando clicar no botão #btn_Pessoa
eu dou um .show()
nos campos para mostra-lo ai ele começa a fazer parte dos requisitos.
Quando todos os campos estiverem corretos preciso de modigicar meu botão para o código abaixo:
ANTERIOR:
<button class="bar button inner-element widget uib_w_8 bar-footer fixedBot tom button-assertive ion ion-alert-circled" data-uib="ionic/button" data-ver="0" id="btn_Proximo1"></button>
POSTERIOR:
<button class="bar button inner-element widget uib_w_8 bar-footer fixedBot tom button-balanced" data-uib="ionic/button" data-ver="0" id="btn_Proximo1">PRÓXIMO</button>
Como fazer isso tudo ?
Estou fazendo em HTML5, CSS, JQuery, não tenho um backand, pois o botão apenas redireciona para o próximo nível de cadastro por assim dizer. Atenciosamente.
label
é um campo a verificar e só depois mostra o próximolabel
?