"Lenize Exercicio 1"
Bootstrap 4.1.1 Snippet by psd06t

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>PSD-06t-Lenize</title> <meta name='viewport' content='width=device-width, initial-scale=1'> <link rel='stylesheet' type='text/css' media='screen' href='main.css'> <script src='main.js'></script> </head> <body><div class="container"> <h1>Formulário de Cadastro</h1> <br /> <h3>Dados Empresa</h3> <form name="formcadastro" action="enviar.php" method="post" onsubmit="return confirmacao()"> <div class="form-group"> <label>Nome da Empresa</label><br /> <input type="text" name="nome_empresa" id="nome_empresa" id="nome_empresa" required="" placeholder="Digite o nome" class="form-control" /> <br /> </div> <div class="form-group"> <label>Endereço da Empresa</label> <br /> <input type="text" name="endereco_empresa" id="endereco_empresa" id="endereco_empresa" required="" placeholder="Digite o endereço" class="form-control" /> <br /> </div class="form-group"> <div> <label>Telefone da Empresa</label><br /> <input type="text" name="telefone_empresa" id="telefone_empresa" id="telefone_empresa" required="" placeholder="00000-0000" class="form-control" /> <br /><br /> </div> <h3>Dados Cliente</h3> <div class="form-group"> <label>Nome do Cliente</label><br /> <input type="text" name="nome_cliente" id="nome_cliente" required="" placeholder="Digite o nome do cliente" class="form-control" /> <br /> </div> <div class="form-group"> <label>Data de nascimento</label><br /> <input type="text" name="data_nascimento" id="data_nascimento" required="" placeholder="00/00/0000" class="form-control" /> <br /> </div> <div class="form-group"> <label>Endereço</label><br /> <input type="text" name="endereco_cliente" id="endereco_cliente" required="" placeholder="Nome da rua" class="form-control" /> <br /> </div> <div class="form-group"> <label>Número da casa</label><br /> <input type="text" name="numero_casa" id="numero_casa" required="" placeholder="Número" /> <br /> </div> <div class="form-group"> <label>Bairro</label><br /> <input type="text" name="bairro_cliente" id="bairro_cliente" required="" placeholder="Bairro" class="form-control" /> <br /> </div> <div class="form-group"> <label>Cidade</label><br /> <input type="text" name="cidade" id="cidade" placeholder="Cidade" required="" class="form-control" /> <br /> </div> <div class="form-group"> <label>Telefone</label><br /> <input type="number" name="numero_telefone" id="numero_telefone" required="" placeholder="Telefone" class="form-control" /> <br /> </div> <div class="form-group"> <label>CPF</label><br /> <input type="text" name="numero_cpf" id="cpf" required="" placeholder="000.000.000-00" class="form-control" /> <br /> </div> <div class="form-group"> <label>RG</label><br /> <input type="text" name="numero_rg" id="rg" required="" placeholder="00.000.00-0" class="form-control" /> <br /><br /> </div> <h3>Dados Produto</h3> <div class="form-group"> <label>Nome do Produto</label><br /> <input type="text" name="nome_produto" required="" placeholder="Produto" class="form-control" /> <br /> </div> <div class="form-group"> <label>Quantidade</label><br /> <input type="number" name="quantidade" min="0" max="20" value="0" required="" /> <br /><br /> </div> <div class="form-group"> <fieldset> <label>Valor do Produto:</label> <br /> <label>Produto 1:</label> <input id="s1" type="text"/> <label>Produto 2: </label> <input id="s2" type="text" onblur="somarValores()"/> <button id="somar" onclick="somarValores()">Somar</button> <input id="resultado" onfocusout="somarValores(s3)"/> </fieldset> <div class="form-group"> <label>Parcelas</label><br /> <input type="number" name="numero_parcelas" min="0" max="20" value="1" required="" placeholder="Número de parcelas" /> <br /><br /> </div> <input type="submit" name="Salvar" value="Salvar" class="btn btn-primary"> </form> </div> </body> </html>
<style> h1{ color: rgb(255, 255, 255); background-color: rgb(00, 80, 80); } h3{ background-color: silver; } </style>
$(document).ready(function(){ $('#data_nascimento').mask('00/00/0000'); $('#telefone_empresa').mask('00000-0000'); $('#numero_telefone').mask('00000-0000'); $('#cpf').mask('000.000.000-00'); $('#rg').mask('00.000.00-0'); }) function confirmacao() { return false $.notify({ // options message: 'Cadastro salvo com sucesso' },{ // settings type: 'sucess' }); } </script> <script type="text/javascript"> var s3=0; function somarValores(){ var s1 = document.getElementById("s1").value; var s2 = document.getElementById("s2").value; s3 = +s1 + +s2; document.getElementById('resultado').value = s3; //o alert aqui é só para testar a soma voces tem de colocar o valor na impressão do recibo. } </script>

Related: See More


Questions / Comments: