Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wilherme

Validar campos

Por , em Desenvolvimento frontend

Recommended Posts

Wilherme    0

Wilherme
Postado

Bom dia,

Preciso fazer a validação dos campos abaixo:

Nome: Só aceitar letras

Telefone: Só aceitar números

E-mail: validar e-mail

 

 

contato.jpg

 

 

Isso eu faço no código HTML da pagina ou no código PHP ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wilherme    0

Wilherme
Postado

contato2.jpg

 

Na imagem acima não consegui colocar os campos alinhados.

Como poderia fazer pra eles ficarem alinhados, coloquei até espaços mas não deu certo?

 

<body>
<div style='margin:0px; margin-left:200px;'>
		<form id="formulario" name="contato" method="post" onsubmit="return validar(this);" action="enviar.php">
			<label>Nome:   </label><input type="text" name="nome" size="53" /><small>*</small><br class="clear" />
			<label>Telefone: </label><input type="text" name="telefone" size="53" /><br class="clear" />
			<label>Email:     </label><input type="text" name="email" size="53" /><small>*</small><br class="clear" />
			<label>Assunto:   </label><input type="text" name="assunto" size="53" /><small>*</small><br class="clear" />
			
			<label>Mensagem:</label><textarea name="mensagem" cols="40" rows="7" ></textarea><small>*</small><br class="clear" />
			<span>(<small>*</small>) Campos são obrigatórios.</span><br class="clear" />
			<input type="submit" class="botao" name="enviar" value="Enviar" />
			<input type="reset" class="botao" name="limpar" value="Limpar" /><br class="clear" />
		</form>
		</div>
	</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Faça seu formulário utilizando label,

Por exemplo:

 

 

HTML
<label for="nome">Nome:</label>
<input type="text" name="nome" id="nome">
 
 
 
CSS
label {
width:100px;
float:left;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

São poucos campos amigo, faz na "mão" isso aí.
Ai você já pega experiência e pode manipular o aviso / elemento como deseja !

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wilherme    0

Wilherme
Postado

Bom dia,

Minha intenção é fazer na mão o máximo possível pois assim vou aprendendo.

Meu código ficou assim:

 

<div style='margin:0px; margin-left:200px;'>
		<form id="formulario" name="contato" method="post" onsubmit="return validar(this);" action="enviar.php">
	<table>
			<tr>
			<td><label>Nome: </label></td>
			<td><input type="text" name="nome" size="51" /><small>*</small><br class="clear" /></td>
			</tr>
			
			<tr>
			<td><label>Telefone: </label></td>
			<td><input type="text" name="telefone" size="51" /><br class="clear" /></td>
			</tr>
			
			<tr>
			<td><label>Email: </label></td>
			<td><input type="text" name="email" size="51" /><small>*</small><br class="clear" /></td>
			</tr>
			
			<tr>
			<td><label>Assunto: </label></td>
			<td><input type="text" name="assunto" size="51" /><small>*</small><br class="clear" /></td>
			</tr>
			</table>
			<tr>
			<td><label>Mensagem:</label><textarea name="mensagem" cols="40" rows="7" ></textarea><small>*</small><br class="clear" /></td>
			<span>(<small>*</small>) Campos são obrigatórios.</span><br class="clear" />
			<td><input type="submit" class="botao" name="enviar" value="Enviar" /></td>
			<td><input type="reset" class="botao" name="limpar" value="Limpar" /><br class="clear" /></td>
			</tr>
			</form>
		</div>

Não sei se é a melhor forma, mas ficou do jeito que eu queria.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito