Ir para conteúdo
Fórum Script Brasil
  • 0

getelementbyid

Ishiai

Perguntado por Ishiai,

 Share

Pergunta

Ishiai

Ishiai

Postado
Postado (editado)

Olá quero saber o que eu fiz de errado, pois quero criar o html e um arquivo js para a criação de campos obrigatórios, seguem os códigos:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
&lt;script src="recupera.js" language="javascript" type="text/javascript"/></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>10-05</title>
</head>
<body>
<h1>Contato</h1>
<form name="frm_contato" id="frm_contato" method="get">
<fieldset><legend>Dados</legend>
<p><label for="obj_empresa">Empresa: </label><input type="text" name="obj_empresa"id="obj_empresa" /></p>
<p><label for="obj_cliente">Cliente: </label><input type="text" name="obj_cliente" id="obj_cliente" />
<label for="obj_rg"> RG: </label><input type="text" name="obj_rg" id="obj_rg" /></p>
  <p>
<label for="obj_pedido">Pedido nº: </label><input type="text" name="obj_pedido" id="obj_pedido" /><label for="obj_data"> Data: </label><input type="text" name="obj_data" id="obj_data" />
 </p>
 </fieldset>
 <fieldset>
<p>Quantidade 1 <input type="text" name="obj_quant1" id="obj_quant1" /> Descrição 1 <input type="text" name="obj_descr1" id="obj_descr1" /> Valor unitário <input type="text" name="obj_valor1" id="obj_valor1" /> Valor total <input type="text" name="obj_valortotal1" id="obj_valortotal1" /></p>
<p>Quantidade 2 <input type="text" name="obj_quant2" id="obj_quant2" /> Descrição 2 <input type="text" name="obj_descr2" id="obj_descr2" /> Valor unitário <input type="text" name="obj_valor2" id="obj_valor2" /> Valor total <input type="text" name="obj_valortotal2" id="obj_valortotal2" /></p>
<p>Quantidade 3 <input type="text" name="obj_quant3" id="obj_quant3" /> Descrição 3 <input type="text" name="obj_descr3" id="obj_descr3" /> Valor unitário <input type="text" name="obj_valor3" id="obj_valor3" /> Valor total <input type="text" name="obj_valortotal3" id="obj_valortotal3" /></p>
<p>Quantidade 4 <input type="text" name="obj_quant4" id="obj_quant4" /> Descrição 4 <input type="text" name="obj_descr4" id="obj_descr4" /> Valor unitário <input type="text" name="obj_valor4" id="obj_valor4" /> Valor total <input type="text" name="obj_valortotal4" id="obj_valortotal4" /></p>
</fieldset>
<fieldset>
<p>Valor frete <input type="text" name="obj_valorfrete" id="obj_valorfrete" /><label for="valorfrete">Pagamento: </label>
  <select name="valorfrete" id= "valorfrete">
  <option value="3">3</option>
  <option value="6">6</option>
  <option value="10">10</option>
  <option value="12">12</option>
  </select></p>
</fieldset>
  <input type="submit" name="btn_enviar" id="btn_enviar" value="Calcular" onclick="recupera(getElementById('obj_empresa'), getElementById('obj_cliente'), getElementById('obj_rg'), getElementById('obj_pedido'), getElementById('obj_data'), getElementById('obj_quant1'), getElementById('obj_descr1'), getElementById('obj_valor1'), getElementById('obj_valortotal1'), getElementById('obj_quant2'), getElementById('obj_descr2'), getElementById('obj_valor2'), getElementById('obj_valortotal2'), getElementById('obj_quant3'), getElementById('obj_descr3'), getElementById('obj_valor3'), getElementById('obj_valortotal3'),getElementById('obj_quant4'), getElementById('obj_descr4'), getElementById('obj_valor4'), getElementById('obj_valortotal4')), getElementById('obj_valorfrete'))" />
<input type="reset" name="btn_reset" id="btn_reset" value="Cancelar"/>
</form>
</body>
</html>

// JavaScript Document
function recupera(obj_empresa, obj_cliente, obj_rg, obj_pedido, obj_data)
{

    if(obj_empresa.value=='')
    {
    window.alert("O campo 'empresa' é obrigatório.")
    }
    if(obj_cliente.value=='')
    {
    window.alert("O campo 'cliente' é obrigatório.")
    }
    if(obj_rg.v

Olha o resto do código js pois não coube tudo no anterior:

// JavaScript Document
function recupera(obj_empresa, obj_cliente, obj_rg, obj_pedido, obj_data)
{

    if(obj_empresa.value=='')
    {
    window.alert("O campo 'empresa' é obrigatório.")
    }
    if(obj_cliente.value=='')
    {
    window.alert("O campo 'cliente' é obrigatório.")
    }
    if(obj_rg.value=='')
    {
    window.alert("O campo 'rg' é obrigatório.")
    }
    if(obj_pedido.value=='')
    {
    window.alert("O campo 'pedido' é obrigatório.")
    }
    if(obj_data.value=='')
    {
    window.alert("O campo 'data' é obrigatório.")
    }
    else
    {
        document.write("Empresa:"+obj_empresa.value+"<br>"+"Cliente:"+obj_cliente.value+"<br>"+"Rg:"+obj_rg.value+"<br>"+ "Pedido:"+obj_pedido.value+"<br>"+ "Data:"+obj_data.value)
        }
}

Editado por kuroi
Adicionar tag CODE
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
Ishiai

Ishiai

Postado
  • Autor
Postado (editado)

Desculpe, mas ainda não deu certo, segue o código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
&lt;script src="recupera.js" language="javascript" type="text/javascript"/></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>10-05</title>
</head>
<body>
<h1>Contato</h1>
<form name="frm_contato" id="frm_contato" method="get">
<fieldset><legend>Dados</legend>
<p><label for="obj_empresa">Empresa: </label><input type="text" name="obj_empresa"id="obj_empresa" /></p>
<p><label for="obj_cliente">Cliente: </label><input type="text" name="obj_cliente" id="obj_cliente" />
<label for="obj_rg"> RG: </label><input type="text" name="obj_rg" id="obj_rg" /></p>
  <p>
<label for="obj_pedido">Pedido nº: </label><input type="text" name="obj_pedido" id="obj_pedido" /><label for="obj_data"> Data: </label><input type="text" name="obj_data" id="obj_data" />
</p>
</fieldset>
<fieldset>
<p>Quantidade 1 <input type="text" name="obj_quant1" id="obj_quant1" /> Descrição 1 <input type="text" name="obj_descr1" id="obj_descr1" /> Valor unitário <input type="text" name="obj_valor1" id="obj_valor1" /> Valor total <input type="text" name="obj_valortotal1" id="obj_valortotal1" /></p>
<p>Quantidade 2 <input type="text" name="obj_quant2" id="obj_quant2" /> Descrição 2 <input type="text" name="obj_descr2" id="obj_descr2" /> Valor unitário <input type="text" name="obj_valor2" id="obj_valor2" /> Valor total <input type="text" name="obj_valortotal2" id="obj_valortotal2" /></p>
<p>Quantidade 3 <input type="text" name="obj_quant3" id="obj_quant3" /> Descrição 3 <input type="text" name="obj_descr3" id="obj_descr3" /> Valor unitário <input type="text" name="obj_valor3" id="obj_valor3" /> Valor total <input type="text" name="obj_valortotal3" id="obj_valortotal3" /></p>
<p>Quantidade 4 <input type="text" name="obj_quant4" id="obj_quant4" /> Descrição 4 <input type="text" name="obj_descr4" id="obj_descr4" /> Valor unitário <input type="text" name="obj_valor4" id="obj_valor4" /> Valor total <input type="text" name="obj_valortotal4" id="obj_valortotal4" /></p>
</fieldset>
<fieldset>
<p>Valor frete <input type="text" name="obj_valorfrete" id="obj_valorfrete" /><label for="valorfrete">Pagamento: </label>
  <select name="valorfrete" id= "valorfrete">
  <option value="3">3</option>
  <option value="6">6</option>
  <option value="10">10</option>
  <option value="12">12</option>
  </select></p>
</fieldset>
  <input type="submit" name="btn_enviar" id="btn_enviar" value="Calcular" onclick="recupera(document.getElementById('obj_empresa'), document.getElementById('obj_cliente'), document.getElementById('obj_rg'), document.getElementById('obj_pedido'), document.getElementById('obj_data'), document.getElementById('obj_quant1'), document.getElementById('obj_descr1'), document.getElementById('obj_valor1'), document.getElementById('obj_valortotal1'), document.getElementById('obj_quant2'), document.getElementById('obj_descr2'), document.getElementById('obj_valor2'), document.getElementById('obj_valortotal2'), document.getElementById('obj_quant3'), document.getElementById('obj_descr3'), document.getElementById('obj_valor3'), document.getElementById('obj_valortotal3'), document.getElementById('obj_quant4'), document.getElementById('obj_descr4'), document.getElementById('obj_valor4'), document.getElementById('obj_valortotal4')), document.getElementById('obj_valorfrete'))" />
<input type="reset" name="btn_reset" id="btn_reset" value="Cancelar"/>
</form>
</body>
</html>

Editado por kuroi
Adicionar tag CODE
Link para o comentário
Compartilhar em outros sites
  • 0
kuroi

kuroi

Postado
Postado

a funcao recupera q você esta usando é ainda aquela q ta no primeiro post??

se você for ver, ela espera quatro parametros, mas você ta passando muito mais do q isso.

e olhando aqui, vi q você ta fechando parenteses na hora errada, em 'obj_valortotal4'.

e esse codigo tb não vai impedir a postagem do formulario. você vai ter q por um return false; depois de chamar o recupera, senao ele deve postar a pagina direto (e você nem vai ver o resultado do document.write();, caso seja essa a intencao).

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...