Jump to content
hauberthy

Edição de campo tipo telefone.

Recommended Posts

Preciso de ajuda com a opção "+" e "-" no campo telefone que estou criando, podem me ajudar?

 

 

Preciso criar um campo telefone na validação de cadastro em HTML e não estou conseguindo. 

Este campo tem que ter a opção de + e - para que o usuario possa acrescentar mais numeros ou remover na hora do cadaastro. 

O problema é que eu consegui fazer funcionar criando somente a parte do telefone, quando junto com os outros codigos e demais campos do cadastro ele para de funcionar

ficando sem ação nenhuma as opções + e - 

CODIGO COMPLETO DO MEU FORMULARIO

<!DOCTYPE html>
<html> 
<body>
<title>Ficha de Cadastramento</title>
<h3> Teste de validação de formulário</h3>
<script type="text/javascript">

function validarSenha(){
	senha = document.f1.senha.value;
   senha2 = document.f1.senha2.value;

   if(senha != senha2) {
        alert("Senhas diferentes!");
        return false; } } 

 function validarCPF(strCPF) {
var Soma, Resto, borda_original;
		Soma = 0;
		
		if (strCPF == "00000000000"){
			document.getElementById("cpf").setCustomValidity('CPF invalido!');
			return false;
		}
		
		for (i=1; i<=9; i++){
			Soma = Soma + parseInt(strCPF.substring(i-1, i)) * (11 - i);
		}
		
		Resto = (Soma * 10) % 11;
		if ((Resto == 10) || (Resto == 11)){
			Resto = 0;
		}
		
		if (Resto != parseInt(strCPF.substring(9, 10))){
			document.getElementById("cpf").setCustomValidity('CPF invalido!');
			return false;
		}
		
		Soma = 0;
		for (i = 1; i <= 10; i++){
			Soma = Soma + parseInt(strCPF.substring(i-1, i)) * (12 - i);
		}
		
		Resto = (Soma * 10) % 11;
		if ((Resto == 10) || (Resto == 11)){
			Resto = 0;
		}
		
		if (Resto != parseInt(strCPF.substring(10, 11))){
			document.getElementById("cpf").setCustomValidity('CPF invalido!');
			return false;
		}
		
		document.getElementById("cpf").setCustomValidity('');
		return true;
	}

function duplicarcampos(){
	var clone = document.getElementById('origem').cloneNode(true); 
	var destino = document.getElementById('destino');
	destino.appendChild (clone);
	
	var camposClonados = clone.getElementsByTagName('input');
	
	for(i=0; i<camposClonados.length;i++){
		camposClonados[i].value = '';
	}
}
function removerCampos(id){
	var node1 = document.getElementById('destino');
	node1.removeChild(node1.childNodes[0]);
}



</script>
<form action="" name="f1" onsubmit="return validarSenha()" onsubmit="return validarCPF()">
<p> Nome:
<input type="text" name="Nome:"> </p>
<p> Senha:
<input type="senha" name="senha" id="senha"> </p>
<p> Confirmar senha:
<input type="senha2" name="senha2" id="senha2"> </p>
<p> CPF:
<input id="cpf" name="cpf" required="required" pattern="[0-9]+$" maxlength="11" size="11" placeholder="000.000.00.00" onblur="validarCPF(this.value)"/> </p>
Endereço (rua e número):
<input type="text" name="Endereco" id="endereco" placeholder="ex.: Rua Abc, 100" >
<button type="button">Pesquisar CEP</button>
CEP <input type="text" name="cep" id="cep" />

<p> Renda Pessoal (Em reais):
<input type="text" name="renda" id="renda"> </p>
<p> Quantidade de CDs (R$1,50 cada):
<input type="number" name="quantidade" id="quantidade"> </p>
<p> Valor Total:
<input type="text" name="total" id="total" disabled=""> </p>
<p> Forma de Pagamento:
<select> id=Fpagamento
	<option>A vista</option>
	<option>Parcelado</option>
</select>
<p><div id="origem"> 
	Telefone:
        <input type="text" id="fone" name="fone[]"  maxlength="14" size="14"/>
		<input name="" value="+" type="button" style="cursor: pointer" onclick="duplicarCampos()">
		<input name="" value="-" type="button" style="cursor: pointer" onclick="removerCampos()"></p></div>
		<div id="destino">
	</div>
<p>
<input type="submit" name="Enviar" onclick="validarSenha()" onclick="validarCPF()">
</form></p>


</html>
</body>


COGIGO SEPARADO DO CAMPO TELEFONE
NÃO QUERO USAR O BOTAO COM IMAGEM, QUERO USAR COM O BOTAO PADRAO , COMO FAZ ?
<!DOCTYPE html>
<html>
<body>
<title>Ficha de Cadastramento</title>
<h3> Teste de validação de formulário</h3>
<script type="text/javascript">

function duplicarCampos(){
	var clone = document.getElementById('origem').cloneNode(true);
	var destino = document.getElementById('destino');
	destino.appendChild (clone);
	
	var camposClonados = clone.getElementsByTagName('input');
	
	for(i=0; i<camposClonados.length;i++){
		camposClonados[i].value = '';
	}
	
	
	
}

function removerCampos(id){
	var node1 = document.getElementById('destino');
	node1.removeChild(node1.childNodes[0]);
}
</script>





<div id="origem" align="center">
		Fone <input type="text" id="fone" name="fone[]"  maxlength="14" size="14"/>
		<img  src="mais.png" style="cursor: pointer;" onclick="duplicarCampos();" width="20" height="20">
		<img  src="menos.png" style="cursor: pointer;" onclick="removerCampos(this);" width="20" height="20"> 
	</div>
	
	<div id="destino">
	</div>

</body>
</html>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By tomas.david100
      Boa tarde tenho a seguinte dúvida será possível utilizar um css só para o menu lateral e outro css para o body? Vou deixar uma imagen a seguir para se perceber melhor.
       

    • By GabrieldaBahia
      Tenho duas paginas HTMl e o PHP onde estou tratando uns dados XML retornado após a leitura de um arquivo, porém estou com uma duvida besta, preciso pegarum valor que pego do XML e colocar dentro de uma tag html,  já fiz assim e nada </caption> <?php  echo $cnpj ?><caption>
      a pagina PHP está sendo chamada no HMTL pelo require_once.
       
       
      trecho do HTML
       
      <head>     <title>Testes</title> </head> <?php include_once 'load.php'; ?>   <body>   <table> <caption >Ti<?php echo $cnpj ?></caption> <tr> Trecho do PHP   $arq = simplexml_load_file('29190411412201000112650010000000181000000180-nfe.xml') or die("Erro ao carregar arquivo XML");   foreach($arq->NFe->infNFe->children() as $infNFe){ $cnpj = $infNFe->CNPJ;   }
    • By makinh0
      <table width="90%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
      <tr>
        <td align="center" bgcolor="<?php echo $background ?>"><table width="100%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
          <tr>
            <td width="48%" align="left" bgcolor="#3399FF"><strong>Produto</strong></td>
            <td width="16%" align="center" bgcolor="#3399FF"><strong>Hora</strong></td>
            <td width="19%" align="center" bgcolor="#3399FF"><strong>Mesa</strong></td>
            <td width="9%" align="left" bgcolor="#3399FF"><strong>Garçom</strong></td>
            <td width="8%" align="center" bgcolor="#3399FF"><strong>Ação</strong></td>
             <td width="8%" align="center" bgcolor="#3399FF"><strong>Observações</strong></td>
          </tr>
          <?php 
        $sql = mysql_query("SELECT * FROM tbl_carrinho INNER JOIN garcon ON tbl_carrinho.idGarcon = garcon.idGarcon WHERE destino='1' AND status = '0' ORDER BY id DESC") or die(mysql_error());
        while($ver = mysql_fetch_array($sql)){
          $background = (++$i%2) ? '#FFFFF' : '#F2F2F2';
          $feito = $ver['feito'];
        ?>
          <tr>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nome']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['time']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nomeGarcon'] ?></td>
              <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>">
       
       
      Sistema restaurante; gente precisava fazer a tela de observacoes , tipo na tela cozinha aparece produto,hora,mesa,garcom e acao, queria por observacao para a cozinha receber como o cliente quer? alguem tem ideia?obg
    • By reytlersouza
      Não consigo passar variável obtida por consulta no banco no value de uma TAG <option> "<option value="<?php $item['id_eq']?>">"
       
      O que está errado no meu código que ele não passa o valor de value no $_GET nem no $_POST?

       
      <?php
          echo $_GET['equi1'];
      ?>
      <form method="GET">   
          <select name="equi1" class="form-control">
              <?php
              require 'conn.php';
              $sql = $pdo->prepare("SELECT * FROM equipamento WHERE 1");
              $sql->execute();
              if($sql->rowCount() > 0) {
              foreach($sql->fetchAll() as $item) {
                                                                      
              ?>
              <option value="<?php $item['id_eq'];?>"><?php echo $item['nome'];?></option>
              <?php
                  }
                  }
                  ?>
          </select>
          <input type="submit" value="Salvar"/>
      </form>
    • By penelopevitoria_
      Pessoal,
       
      estou com muitos problemas de layout em minhas páginas AMP. O que rola é que vários elementos estão saindo compridos ou esticados. Enfim, o AMP estraga coisas como formulário também. Vocês sabem se existe uma maneira massiva de corrigir esses problemas pelo plugin? Tenho muitas páginas com o layout comprometido e não achei nada na internet que me ajudasse a corrigir. 
       
      Aguardo retorno :D
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.