Ir para conteúdo

POWERED BY:

Arquivado

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

andregadelhaa

Tornar o preenchimento dos campos obrigatorios

Por , em Javascript

Recommended Posts

andregadelhaa    0

andregadelhaa
Postado

Ola, estou criando um formulário, e ao enviar o dados se houver algum campo em branco, o formulário não ser enviado, exibir uma mensagem do lado da caixa de input, "O campo é de preenchimento obrigatório". Olha ae meu script:

<html>
<head>
<title>Meu script</title>
<script language="javascript" type="text/javascript">
var rec="O preenchimento do campo é obrigatório"
function aviso(){
if("" == document.meuform.nome.value)
{document.write("preenchimento obrigatorio");return false;}
else{return true;}}
</script>
</head>
<body>
<form name="meuform" method="POST" onsubmit="return aviso()">
<input type="text" name="nome"> 
<input type="submit" name="entrar" value="entrar">
</body>
</html>

O problema dele é que ele substitui a caixa de input, e responde, roda ele ae pra vcs verem.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não use document.write

 

Prefira o .innerHTML ou appendChild

Compartilhar este post

Link para o post
Compartilhar em outros sites

jnrdesign    6

jnrdesign
Postado

 

Ola, estou criando um formulário, e ao enviar o dados se houver algum campo em branco, o formulário não ser enviado, exibir uma mensagem do lado da caixa de input, "O campo é de preenchimento obrigatório". Olha ae meu script:

<html>
<head>
<title>Meu script</title>
<script language="javascript" type="text/javascript">
var rec="O preenchimento do campo é obrigatório"
function aviso(){
if("" == document.meuform.nome.value)
{document.write("preenchimento obrigatorio");return false;}
else{return true;}}
</script>
</head>
<body>
<form name="meuform" method="POST" onsubmit="return aviso()">
<input type="text" name="nome"> 
<input type="submit" name="entrar" value="entrar">
</body>
</html>

O problema dele é que ele substitui a caixa de input, e responde, roda ele ae pra vcs verem.

 

já pensou em usar a biblioteca Jquery?

veja um exemplo:

 

<html>
<head>
<title>Meu script</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script>

$(document).ready(function(){
	
	$("#entrar").click(function(){
		
		if ($("#nome").val()==''){
			$("#mensagem").html("Campo obrigatório");
			$("#nome").focus(); // foco no campo
			}else{
				$("#meuform").submit();
		}
	
	});
	
});
</script>
</head>
<body>
<form name="meuform" id="meuform" method="POST" >
Nome: <input type="text" name="nome" id="nome"> 
<input type="button" name="entrar" id="entrar" value="entrar">
<div id="mensagem"></div>
</form>
</body>
</html>

Compartilhar este post

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

Informação importante

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

  Aceito