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.