Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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"](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");objFilho.setAttribute("id","filho"+qtdeCampos);
//alert(qtdeCampos);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"> <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
Carregando comentários...