Validar campos criados automaticamente

Marcos_rhs · Maio 28, 2010

Pessoal,

Tenho um script que cria campos automaticamente, mas preciso validar os campos no submit e não sei como fazer isso, alguém pode me dar um help.

Esse é o meu script:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <meta name="description" content="Your description goes here" />
  <meta name="keywords" content="your,keywords,goes,here" />
  <meta name="author" content="Design: Marcos" />
  <meta http-equiv="Page-Enter" content="blendTrans(Duration=0)" />
  <meta http-equiv="Page-Exit" content="blendTrans(Duration=0)" />
<script language = "javascript">
var qtdeCampos = 1;

function addCampos() {
	if (qtdeCampos <= 7) {
var objPai = document.getElementById("campoPai");
//Criando o elemento DIV;
var objFilho = document.createElement("div");
//Definindo atributos ao objFilho:
objFilho.setAttribute("id","filho"+qtdeCampos);
//alert(qtdeCampos);
//Inserindo o elemento no pai:
objPai.appendChild(objFilho);
//Escrevendo algo no filho recém-criado:
document.getElementById("filho"+qtdeCampos).innerHTML = "<input type='hidden' id='idEn"+qtdeCampos+"' name='idEn' value='"+qtdeCampos+"'>"+
"<TABLE cellSpacing=1 width='55%' align=center id='enAd"+qtdeCampos+"' name='enAd"+qtdeCampos+"'>"+
	"<TR>"+
    "<TD class=rowpos>"+
    "<fieldset>"+
      "<legend> WORKFLOW DATA "+qtdeCampos+"</legend>"+
      "<TABLE style='WIDTH: 30%' cellSpacing=1 cellPadding=1 align=center>"+
        "<TR>"+
		  "<TD vAlign=top><B class=gensmall colSpan=4>*EN Number/Estudo:</B><BR>"+
			"<INPUT class=post size=15 name='enAd"+qtdeCampos+"' value=''>"+
		  "</TD>"+
         "</TR>"+
        "<tr>"+
        "<TD vAlign=top><B class=gensmall colSpan=4>Needs a Drafter?</B><BR>"+
          "<select name='drafterWf"+qtdeCampos+"' id='drafterComb"+qtdeCampos+"' size='1' class='select_menor' tabIndex=5 onChange='javascript:verificaDrafter(drafterWf"+qtdeCampos+".value,"+qtdeCampos+");'>"+
            "<option value=''>Needs a Drafter?</option>"+
            "<option value='Yes'>Yes</option>"+
            "<option value='No'>No</option>"+
          "</select>"+
        "</TD>"+
      "</tr>"+
      "<tr style='display:none;' id='poolDrafterArea"+qtdeCampos+"'>"+
      "<TD vAlign=top><B class=gensmall colSpan=4>Check the Pool?</B><BR>"+
        "<select name='poolDrafter"+qtdeCampos+"' id='poolDrafterComb"+qtdeCampos+"' size='1' class='select_menor' tabIndex=5 onChange='javascript:verificaDrafterPool(poolDrafter"+qtdeCampos+".value,"+qtdeCampos+");'>"+
          "<option value=''>Check the Pool?</option>"+
          "<option value='Yes'>Yes</option>"+
          "<option value='No'>No</option>"+
        "</select>"+
      "</TD>"+
    "</tr>"+
    "<TR style='display:none;' id='poolDrafterResp"+qtdeCampos+"'>"+
    "<TD vAlign=top><B class=gensmall>Pool Responsible:</B><BR>"+
      "<select name='poolDrafterResp"+qtdeCampos+"' id='poolDrafterRespComb"+qtdeCampos+"' size='1' class='select' tabIndex=8>"+
        "<option value=''>Choose the Pool responsible</option>"+
         "</select>"+
    "</TD>"+
  "</TR>"+
      "<TR style='display:none;' id='drafterResp"+qtdeCampos+"'>"+
        "<TD vAlign=top><B class=gensmall>Drafter Responsible:</B><BR>"+
          "<select name='drafterResp"+qtdeCampos+"' id='drafterRespComb"+qtdeCampos+"' size='1' class='select' tabIndex=8>"+
            "<option value=''>Choose the Drafter responsible</option>"+
             "</select>"+
        "</TD>"+
      "</TR>"+
      "<tr id='AcArea"+qtdeCampos+"'>"+
      "<TD vAlign=top><B class=gensmall colSpan=4>Needs Critical Analysis?</B><BR>"+
        "<select name='ac"+qtdeCampos+"' id='AcComb"+qtdeCampos+"' size='1' class='select_menor' tabIndex=5 onChange='javascript:verificaAc(ac"+qtdeCampos+".value,"+qtdeCampos+");'>"+
          "<option value=''>Needs Critical Analysis?</option>"+
          "<option value='Yes'>Yes</option>"+
          "<option value='No'>No</option>"+
        "</select>"+
      "</TD>"+
    "</tr>"+
    "<TR  id='acResp"+qtdeCampos+"'>"+
    "<TD vAlign=top colSpan=4><B class=gensmall>Critical Analysis Coordination:</B><BR>"+
      "<select name='acResp"+qtdeCampos+"' id='acRespComb"+qtdeCampos+"' size='1' class='select' tabIndex=8>"+
        "<option value=''>Choose Critical Analysis Coordination</option>"+
        "<option value='Coordenação Ac Ref'>Coordenação Ac REF</option>"+
        "<option value='Coordenação Ac Coc'>Coordenação Ac COC</option>"+
        "<option value='Coordenação Ac Lav'>Coordenação Ac LAV</option>"+
        "<option value='Coordenação Ac AC/FMO'>Coordenação Ac AC/FMO</option>"+
      "</select>"+
   "</TD>"+
  "</TR>"+
      "<tr id='chkList"+qtdeCampos+"'>"+
        "<TD vAlign=top><B class=gensmall colSpan=4>Needs a Check List?</B><BR>"+
          "<select name='checkList"+qtdeCampos+"' id='checkListComb' size='1' class='select_menor' tabIndex=5 onChange='javascript:verificaCheckList(checkList.value);'>"+
            "<option value=''>Needs a Check List?</option>"+
            "<option value='Yes'>Yes</option>"+
            "<option value='No'>No</option>"+
          "</select>"+
        "</TD>"+
      "</TR>"+
       "</TD>"+
        "</tr>"+
        "</fieldset>"+
        "</table>"+
        "<input type='button' class='btnmain' onclick='removerCampo("+qtdeCampos+")' value='Remove'>";
qtdeCampos++;
	}
	document.getElementById('button1').style.display='block';
}

function removerCampo(id) {
	//alert(id);
var objPai = document.getElementById("campoPai");
var objFilho = document.getElementById("filho"+id);

//Removendo o DIV com id específico do nó-pai:
var removido = objPai.removeChild(objFilho);
}

</script>

<title>Portal das Tecnologias</title>
</head>
<body>
<div class="page-container-1">
<!-- Buffer before header -->
		<div class="bufferPOS">
<FORM name="pos" action="../PosCadastraAlteraExclui" method="post" onsubmit="return valida(this);">
<TABLE cellSpacing=1 width="55%" align=center>
    <TR>
      <TD class=rowpos>
      <fieldset>
        <legend> WORKFLOW DATA </legend>
        <TABLE style="WIDTH: 30%" cellSpacing=1 cellPadding=1 align=center>
          <TR>
            <TD vAlign=top><B class=gensmall colSpan=4>*POS Type:</B><BR>
              <select name="destino1" size="1" class="select_menor" tabIndex=3 >
                <option value="">Choose the POS Type</option>
                <option value="EN/Estudo">EN/Estudo</option>
              </select>
            </TD>
          </tr>
          <TR  id="nbrEn1">
      			 <TD vAlign=top><B class=gensmall colSpan=4>*EN Number:</B>  <input class=btnmain  type="button" value="Add En" onclick="addCampos()">
       			 </TD>
    </TR>
        <TR style='display:none;' id="ldapResp1">
        <TD vAlign=top><B class=gensmall>Ldap Responsible:</B><BR>
          <select name="ldapResp"' id='ldapRespComb' size='1' class='select' tabIndex=8>
            <option value=''>Choose the Ldap responsible</option>
            </select>
        </TD>
      </TR>
        <TR  id="button1">
            <TD colSpan=4>
            <INPUT class=btnmain tabIndex=11 type="submit" value="Create POS" name="EnviarPOS">
            </TD>
          </TR>
       <TR>
            <TD colSpan=4>
            <INPUT class=btnmain tabIndex=5 type=button onclick="window.history.back(-2)" value="Cancel" name=btnCancelar>
            </TD>
          </TR>
        </TABLE>
        </fieldset>
</TABLE>
<div id="campoPai"></div>
</form>
</DIV>
</BODY>
</HTML>

Agradeço a ajuda

Marcos

visitante_xp · Maio 28, 2010

Para a validação deste tipo de campos, você deve usar o .live() do jquery.

http://forum.imasters.com.br/index.php?/topic/378728-mascara-em-campos-que-podem-se-repetir/page__gopid__1550788entry1550788

Imagem Postada

Entrar

Arquivado

Validar campos criados automaticamente

Recommended Posts

Marcos_rhs 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

visitante_xp 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Variável dentro dentro do strtotime

Carregamento preloading

Consulta SQL dentro de outra consulta

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante