Validar campos com MVC 5 e HTML 5

13/03/2014

0

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.

<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

<div class="grid_17">
                        <button value="novaPesquisa" class="btn-pular-passo pull-right">Continuar</button>
                    </div>


Pjava

Pjava

Responder

Posts

14/03/2014

Joel Rodrigues

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.
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar