Array
(
)

Validar campos com MVC 5 e HTML 5

Pjava
   - 13 mar 2014

Como eu valido campos no próprio CSHTML, que quando eu clicar no botão, ele valide os campos e caso haja campos não preenchido ele permanece na página, exibindo uma mensagem. Veja os campos de exemplo e o botão para validar.
#Código<div class="form-group">
<div class="grid_4">
<label>Nome</label>
</div>
<div class="grid_14">
<input type="text" name="txtNome" class="grid_14 required" placeholder="Nome completo" required />
</div>
</div>
<div class="form-group">
<div class="grid_4">
<label>Email</label>
</div>
<div class="grid_7">
<input type="email" name="txtEmail" class="grid_6 required" placeholder="Email válido" required />
</div>
<div class="grid_2">
<label>CPF</label>
</div>
<div class="grid_5">
<input type="number" name="txtCpf" class="grid_5 required" placeholder="99999999999" required />
</div>
</div>

//Botão
#Código<div class="grid_17">
<button value="novaPesquisa" class="btn-pular-passo pull-right">Continuar</button>
</div>

Joel Rodrigues
   - 14 mar 2014

Para campos provenientes de models, existem data annotations para isso, em especial a [Required]. Mas como aparentemente não são campos ligados a models, você pode usar o jQuery Validate como em outra página qualquer. Ao submeter o form, os campos são validados e o form só é enviado se todas as validações passarem.