1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Função que valida os campos de um só vez

Bom dia,

Estou com um código js, em que ele valida cada campo por vez, isto é ele ve se o campo esta com o valor null, e se constatado ele manda uma mensagem de aviso, só que essa função valida um campo por vez e eu queria que envolvesse tudo em um unico código.

Olha o código aqui

HTML :

<div class="form-group">
    <label for="name"> Nome</label>
    <input type="text" class="form-control" id="name" placeholder="Informe o nome" required="required" />
</div>
                                        <div class="form-group">
                                            <label for="email"> Email</label>
                                            <div class="input-group">
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span> </span>
                                                <input type="email" class="form-control" id="email" placeholder="Informe o email" required="required" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="subject" class="select"> Assunto</label> <select id="subject" name="subject" class="form-control" required="required">
                                                <option value="" selected="">Selecione</option>
                                                <option value="service">Sugestão</option>
                                                <option value="suggestions">Reclamação</option>
                                                <option value="product">Outras informações</option>
                                                <option value="product">Solicitação de visita</option>
                                                <option value="product">Quero ser parceiro</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="mensagem"> Mensagem</label>
                                            <textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required" placeholder="Mensagem"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <button class="btn btn-skin pull-right" onclick="ValidarContatoForm()">Enviar</button>
                                    </div>

CODIGO ARQUIVO JS :

if(document.getElementById("name").value.length == 0){
            alert('Você deixou campos sem preencher');
            document.getElementById("name").focus();
            return false
            }

        if(document.getElementById("email").value.length == 0){
            alert('Você deixou campos sem preencher');
            document.getElementById("email").focus();
            return false
            }

        if(document.getElementById("subject").value.length == 0){
            alert('Você deixou campos sem preencher');
            document.getElementById("subject").focus();
            return false
            }

        if(document.getElementById("message").value.length == 0){
            alert('Você deixou campos sem preencher');
            document.getElementById("message").focus();
            return false
            }

Obrigado pela atenção

  • Cara a lógica do Giovane está perfeita para teu caso.

    Felipe Alves Prestes   09 de mar de 2015
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

2 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags html jsp javascript ou faça a sua própria pergunta.