Preenchimento outros Campos

Ljrbrasil · Novembro 10, 2016

Amigos

Boa noite!

Estou precisando de uma ajuda tenho o formulário abaixo e preciso que ao vendedor digitar o codigo do cliente (no campo codigo do cliente) o sistema puxe no campo Nome da loja o nome da loja no banco dedados (vou inserir um banco de dados com um codigo e coluna).

segue

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Solicitação de Desconto</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <style type="text/css">
    .teste {
	font-size: 9px;
}
    </style>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

<script type="text/javascript">
/* Autor: Mario Costa */
function formatar_moeda(campo, separador_milhar, separador_decimal, tecla) {
	var sep = 0;
	var key = '';
	var i = j = 0;
	var len = len2 = 0;
	var strCheck = '0123456789';
	var aux = aux2 = '';
	var whichCode = (window.Event) ? tecla.which : tecla.keyCode;

	if (whichCode == 13) return true; // Tecla Enter
	if (whichCode == 8) return true; // Tecla Delete
	key = String.fromCharCode(whichCode); // Pegando o valor digitado
	if (strCheck.indexOf(key) == -1) return false; // Valor inválido (não inteiro)
	len = campo.value.length;
	for(i = 0; i < len; i++)
	if ((campo.value.charAt(i) != '0') && (campo.value.charAt(i) != separador_decimal)) break;
	aux = '';
	for(; i < len; i++)
	if (strCheck.indexOf(campo.value.charAt(i))!=-1) aux += campo.value.charAt(i);
	aux += key;
	len = aux.length;
	if (len == 0) campo.value = '';
	if (len == 1) campo.value = '0'+ separador_decimal + '0' + aux;
	if (len == 2) campo.value = '0'+ separador_decimal + aux;

	if (len > 2) {
		aux2 = '';

		for (j = 0, i = len - 3; i >= 0; i--) {
			if (j == 3) {
				aux2 += separador_milhar;
				j = 0;
			}
			aux2 += aux.charAt(i);
			j++;
		}

		campo.value = '';
		len2 = aux2.length;
		for (i = len2 - 1; i >= 0; i--)
		campo.value += aux2.charAt(i);
		campo.value += separador_decimal + aux.substr(len - 2, len);
	}

	return false;
}
</script>
    
 <script type="text/javascript" src="formatar_moeda.js"></script>   
    
  </head>
  <body>

<div class="container">
    <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
      <div class="col-xs-10 col-md-10">
        <form  class="form-inline" name="form1" method="post" action="envia.php" onsubmit="return validaForm()" >
          <table  class="table table-striped table table-bordered" >
            <tr>
              <td colspan="3" align="center">Solicitação de Desconto </td>
            </tr>
            <tr>
              <div class="form-group">
                <td colspan="3" align="center"><div class="form-group" > Este email será enviado ao setor de compras para solicitação de desconto.</div></td>
              </div>
            </tr>
            <tr>
              <td width="20%">Codigo Vendedor:</td>
              <td colspan="2"><span class="teste">.
                
                  <select class="form-control"  name="codrca" id="codrca">
                    <option value="" selected="selected">Selecione seu Código.</option>
<option value=	"	ljrbrasil@gmail.com"	>	2502	</option>
<option value=	"	ljrbrasil@gmail.com	"	>	2503	</option>
                  </select>
              </span></td>
            </tr>
            <tr>
              <td width="20%">Vendedor:</td>
              <td colspan="2"><span class="teste">
                <select class="form-control"  name="rca" id="rca">
                  <option value="" selected="selected">Selecione o vendedor.</option>
                  <option value=	"	Junior 	"	> Junior </option>
                  <option value=	"	Jose	"	> Jose </option>
                  <option value=	"	Pedro	"	> Pedro </option>
                </select>
              </span></td>
            </tr>
            <tr>
              <td>Codigo Cliente:</td>
              <td><input name="quem" type="text" id="quem" size="40"></td>
              <td>Nome da Loja: 
                <input name="L" type="text" id="Loja" size="40"></td>
            </tr>
            <tr>
              <td>Nº Pedido:</td>
              <td colspan="2"><label for="nped"></label>
              <input name="nped" type="text" id="nped" size="40"></td>
            </tr>
            <tr>
              <td>Valor:</td>
              <td width="37%"><label for="valor"></label>
              <input name="valor" type="text" id="valor" size="40" onkeypress="return formatar_moeda(this,',','.',event);"></td>
              <td width="43%" align="center"><strong>Observação</strong></td>
            </tr>
            <tr>
              <td>Desconto Automático:</td>
              <td align="left" valign="middle"><label for="Desca"></label>
              <input name="Desca" type="text" id="Desca" size="40" onkeypress="return formatar_moeda(this,',','.',event);"></td>
              <td><textarea name="obsa" cols="39" rows="5" id="obsa"></textarea></td>
            </tr>
            <tr>
              <td>Desconto Top V</td>
              <td align="left" valign="middle"><input name="Desctv" type="text" id="Desctv" size="40" onkeypress="return formatar_moeda(this,',','.',event);"></td>
              <td><textarea name="obstv" cols="39" rows="5" id="obstv"></textarea></td>
            </tr>
            <tr>
              <td>Desconto Verba Extra:</td>
              <td align="left" valign="middle"><input name="Descvex" type="text" id="Descvex" size="40" onkeypress="return formatar_moeda(this,',','.',event);"></td>
              <td><textarea name="obsvex" cols="39" rows="5" id="obsvex"></textarea></td>
            </tr>
            <tr>
              <td> </td>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td colspan="3" align="center"><input type="hidden" name="Paraquem" id="Paraquem" value="ljrbrasil">
                <button type="submit" class="btn btn-primary">Enviar</button>
                <button type="reset" class="btn btn-primary">Limpar</button>
              </td>
            </tr>
          </table>
        </form>
      </div>
    </div>


    </div>
</div>














    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->




  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="js/bootstrap.min.js"></script>


</body>
</html>

Mateus Silva · Novembro 10, 2016

http://api.jquery.com/jquery.ajax/

Ljrbrasil · Novembro 16, 2016

Mateus

Desculpe minha falta de pratica, mas poderia me ajudar um pouco mais??? realmente nao sei como implementar sou novato no assunto e preciso muito deste ajuste.

Agradeço desde já

aoliveira178 · Novembro 17, 2016

ljrbrasil, neste site você encontra um exemplo do que você necessita. Espero que possa compreende-lo e implementá-lo.

http://www.w3schools.com/php/php_ajax_database.asp

O exemplo consiste em dois arquivos, o primeiro usa Javascript e através de AJAX ele chama outro arquivo, getuser.php, que irá executar um SELECT no banco de dados de acordo com o valor selecionado.

Acredito que possa adaptá-lo facilmente. Você pode publicar a sua evolução aqui neste tópico, porém seria interessante publicar também a estrutura das tabelas do seu banco de dados.

Sucessos!

ckcesar · Novembro 17, 2016

Teste esse exemplo aqui simples mais funciona perfeitamente. Estou usando onblur, então vai funcionar somente quando sair do campo.

html

<!DOCTYPE html>
<html >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title>Testes</title>
    <script type="text/javascript" src="jquery.min.js"></script>

    <script type="text/javascript" >
       function peagavalor(codigo_cliente){
           $.ajax({
               url:'pegar_valor.php',
               type:'POST',
               data:{
                   id_cliente:codigo_cliente
               },
               success:function(data){
                   $('#valor').val(data);
               }
           });
       }
    </script>

</head>

<body>

<?php $codigo_cliente = '12'; ?>

Cliente
<input type="text" name="cliente" id="cliente" onblur="peagavalor(<?= $codigo_cliente ?>);" />

<br/>
<br/>

Recebe o Valor
<input type="text" name="valor" id="valor" />

</body>
</html>

PHP -> pegar_valor.php

<?php
    echo $_POST['id_cliente'];
?>

Espero que te ajude.

William Bruno · Novembro 18, 2016

exemplo:

http://wbruno.com.br/ajax/input-preenche-formulario-ajax/

Ljrbrasil · Novembro 23, 2016

William Bruno

estou usando muito obrigado a todos pela ajuda

Entrar

Arquivado

Preenchimento outros Campos

Recommended Posts

Ljrbrasil 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Mateus Silva 64

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ljrbrasil 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

aoliveira178 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

ckcesar 7

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ljrbrasil 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante