Como podemos ajudar?

FC 8420 :: Como personalizar os campos adicionais na ficha de cadastro e dados de entrega?

Normalmente cada campo adicional é apresentado como campo textual simples.

Para utilizar caixas de seleção, botões de radio ou de checkbox, crie um arquivo html com a formatação desejada para cada campo adicional.

Os arquivos devem ter os seguintes nomes, para cada novo campo:

• CliCampo1.htm, CliCampo2.htm e CliCampo3.htm

• PedCampo1.htm, PedCampo2.htm e PedCampo3.htm

Os arquivos CliCampoX.htm são referentes aos campos que vão aparecer na ficha de cadastro dos clientes.

Os arquivos PedCampoX.htm são referentes aos campos que vão aparecer na ficha de dados de entrega do pedido.

Veja recurso SEM personalização do campo:

Veja recurso COM personalização do campo:

Além da personalização é possível validar estes campos, onde o name deverá ser sempre P2CliCampoX ou P2PedCampoX, onde:

• P2CliCampoX deve ser utilizado quando os campos forem adicionados para o cadastro de cliente.
  Ex.: Se criou o arquivo CliCampo1.htm o "name" deverá ser P2CliCampo1

• P2PedCampoX deve ser utilizado quando os campos forem adicionados para o dados de entrega.
  Ex.: Se criou o arquivo PedCampo3.htm o "name" deverá ser P2PedCampo3

Seguem exemplos de códigos para campos de cadastro de clientes, com validações para radio button, select e checkbox.

<!-- Radio button -->
<input id="P2CliCampoX" name="P2CliCampoX" onchange="F$.fnCleanErrField('P2CliCampoX');" type="radio" value="Blogs">Blogs
<input id="P2CliCampoX" name="P2CliCampoX" onchange="F$.fnCleanErrField('P2CliCampoX');" type="radio" value="Indicação de Amigos"> Indicação de Amigos
<input id="P2CliCampoX" name="P2CliCampoX" onchange="F$.fnCleanErrField('P2CliCampoX');" type="radio" value="Instagram"> Instagram
<input id="P2CliCampoX" name="P2CliCampoX" onchange="F$.fnCleanErrField('P2CliCampoX');" type="radio" value="Facebook"> Facebook
<input id="P2CliCampoX" name="P2CliCampoX" onchange="F$.fnCleanErrField('P2CliCampoX');" type="radio" value="YouTube"> YouTube
<input id="P2CliCampoX" name="P2CliCampoX" onchange="F$.fnCleanErrField('P2CliCampoX');" type="radio" value="Google"> Google
<input id="P2CliCampoX" name="P2CliCampoX" onchange="F$.fnCleanErrField('P2CliCampoX');" type="radio" value="Revistas"> Revistas
<input id="P2CliCampoX" name="P2CliCampoX" onchange="F$.fnCleanErrField('P2CliCampoX');" type="radio" value="Outras Redes Sociais"> Outras Redes Sociais
<input id="P2CliCampoX" name="P2CliCampoX" onchange="F$.fnCleanErrField('P2CliCampoX');" type="radio" value="Outros"> Outros

<script>
setTimeout("fnCliCampoX()",1);
function fnCliCampoX(){
 
  var iSelect=0,Achei=false;
while(iSelect<document.Form1.P2CliCampoX.length && !Achei){
  if(document.Form1.P2CliCampoX[iSelect].value=="<ValorCampo>"){document.Form1.P2CliCampoX[iSelect].checked=true;Achei=true;}
  else iSelect++;
}
}
</script>
<!-- Altere onde está P2CliCampoX para o "name" de acordo com o campo utilizado.
Ex: Se utilizou o "campo 1" altere para P2CliCampo1 e a função para fnCliCampo1 -->

<!-- Select -->
<select name='P2CliCampoX' id='P2CliCampoX' size='1' onchange="F$.fnCleanErrField('P2CliCampoX');">
      <option value=''>Selecione</option>
      <option value="Amadeirado">Amadeirado</option>
      <option value="Floral">Floral</option>
      <option value="Cítrico">Cítrico</option>
      <option value="Não sei">Não sei</option>
</select>

<script>
setTimeout("fnCliCampoX()",1);
function fnCliCampoX(){

  var iSelect=0,Achei=false;
while(iSelect<document.Form1.P2CliCampoX.length && !Achei){
  if(document.Form1.P2CliCampoX[iSelect].value=="<ValorCampo>"){document.Form1.P2CliCampoX.selectedIndex=iSelect;Achei=true;}
  iSelect++;
}

}
</script>
<!-- Altere onde está P2CliCampoX para o "name" de acordo com o campo utilizado.
Ex: Se utilizou o "campo 1" altere para P2CliCampo1 e a função para fnCliCampo1 -->

<!-- Checkbox -->
<input type="checkbox" name="P2CliCampoX" value="Esporte"> Esporte
<input type="checkbox" name="P2CliCampoX" value="Saúde"> Saúde
<input type="checkbox" name="P2CliCampoX" value="Negócios"> Negócios

<script>
function fnCliCampoX(){
  var aValores="<ValorCampo>".split(", ");
  var iSelect=0,Achei,iArray;
  while(iSelect<document.Form1.P2CliCampoX.length){
    Achei=false;
    iArray=0;
    while(iArray<aValores.length && !Achei){
      if(document.Form1.P2CliCampoX[iSelect].value==aValores[iArray]){document.Form1.P2CliCampoX[iSelect].checked=true;Achei=true;}
      else iArray++;
    }
    iSelect++;
  }
}
setTimeout("fnCliCampoX()",1000);
</script>
<!-- Altere onde está P2CliCampoX para o "name" de acordo com o campo utilizado.
Ex: Se utilizou o "campo 1" altere para P2CliCampo1 e a função para fnCliCampo>1 -->

Seguem exemplos de códigos para campos de dados de entrega, com validações para radio button, select e checkbox.

<!-- Radio button -->
<input id="P2PedCampoX" onchange="F$.fnCleanErrField('P2PedCampoX');" type="radio" value="Sem preferência">Sem preferência
<input id="P2PedCampoX" onchange="F$.fnCleanErrField('P2PedCampoX');" type="radio" value="Manhã"> Manhã
<input id="P2PedCampoX" onchange="F$.fnCleanErrField('P2PedCampoX');" type="radio" value="Tarde"> Tarde
<input id="P2PedCampoX" onchange="F$.fnCleanErrField('P2PedCampoX');" type="radio" value="Noite"> Noite
<input id="P2PedCampoX" onchange="F$.fnCleanErrField('P2PedCampoX');" type="radio" value="Madrugada"> Madrugada

<!-- Altere onde está P2PedCampoX para o "name" de acordo com o campo utilizado.
Ex: Se utilizou o "campo 1" altere para P2PedCampo1 -->

<!-- Select -->
<select name='P2PedCampoX' id='P2PedCampoX' size='1' onchange="F$.fnCleanErrField('P2PedCampoX');">
      <option value=''>Selecione</option>
      <option value="Não informado">Não informado</option>
      <option value="Masculino">Masculino</option>
      <option value="Feminino">Feminino</option>
</select>

<!-- Altere onde está P2PedCampoX para o "name" de acordo com o campo utilizado.
Ex: Se utilizou o "campo 1" altere para P2PedCampo1 -->

<!-- Checkbox -->
<input id="P2PedCampoX" onchange="F$.fnCleanErrField('P2PedCampoX');" type="checkbox" value="8h às 12h">8h às 12h
<input id="P2PedCampoX" onchange="F$.fnCleanErrField('P2PedCampoX');" type="checkbox" value="12h às 17h"> 12h às 17h

<!-- Altere onde está P2PedCampoX para o "name" de acordo com o campo utilizado.
Ex: Se utilizou o "campo 1" altere para P2PedCampo1 -->