Exibir alert conforme opção de Select

[shumi 0]

Galera tem como fazer uma condição assim...

eu tenho isso:

 

<select name="carteira_trabalho" id="carteira_trabalho"><option>...</option><option value="Sim">Sim</option><option value="Não">Não</option></select>

E tenho esse tb:

<textarea name="observacao_carteira" cols="50" rows="2" id="observacao_carteira"></textarea>

O que tenho que fazer é o seguinte se do select o user marcar não ele é obrigado a preencher a textarea

e se ele marcar em Sim ele não é obrigado a preencher, mas ele pode preencher.

 

Tem como ????

 

Abraços

[shumi 0]

Eae Adriano beleza?Então cara ai como você fez só ativa o campo quando eu escolho a opção Sim e quando eu escolho a opção Não, não ativa o campo.O que eu queria fazer é o campo aparecer tanto para opção sim e para a opção Não.Mas se o user colocar Não ele é obrigado a escrever o pq ele colocou não.e se ele colocar Sim, não é obrigatorio explicar o pq do sim.Entendeu ou ficou confuso?

[shumi 0]

Não Adriano.Eu quero fazer com que seja obrigatorio o preenchimento se for Não e opcional se for Sim.Tipo se o User colocar a opção Não e não preencher o textarea quando ele clicar em enviar exibir um alert preencha a textarea. e se ele colocar Sim e clicar em enviar tudo bem, pois quando é sim é opcional!

[shumi 0]

Olha meu form como que vai ficar:

 

<form name="cad" id="cad" method="post" action="ficha_de_pessoal_valida1.asp" onSubmit="return envia('calculaa.asp','GET',false);" onSubmit="return Validar('carteira_trabalho','observacao_carteira');">

é isso mesmo?

[shumi 0]

É aquele meu form gigantesco que você me ensinou a fazer algumas coisas no AJAX.

esse:

<%Response.Charset="ISO-8859-1"%><!--#include file="includes/conecao.asp"--><%dim Conexcaosql= "select * from coligada"Set rs = Conexcao.Execute(Sql)Sql2 = "Select distinct(campanha) from campanha where dono='"&Session("celula")&"'"Set rs2 = Conexcao.Execute(Sql2)Sqlmestre = "Select * From coligada where login='"&Session("login")&"'"Set rsmestre = Conexcao.Execute(Sqlmestre)IF rsmestre.EOF ThenResponse.Redirect("atendimento.asp?msg=10")ElseSqlvagas = "Select * From requisicao_pessoal where coligada="&rsmestre("codcoligada")Set rsvagas = Conexcao.Execute(Sqlvagas)%><script language="JavaScript" type="text/JavaScript">function txtBoxFormat(objForm, strField, sMask, evtKeyPress) {var i, nCount, sValue, fldLen, mskLen,bolMask, sCod, nTecla;if(document.all) { // Internet Explorer	nTecla = evtKeyPress.keyCode;} else if(document.layers) { // Nestcape	nTecla = evtKeyPress.which;} else {	nTecla = evtKeyPress.which;	if (nTecla == 8) {		return true;	}}sValue = objForm[strField].value;sValue = sValue.toString().replace( "-", "" );sValue = sValue.toString().replace( "-", "" );sValue = sValue.toString().replace( ".", "" );sValue = sValue.toString().replace( ".", "" );sValue = sValue.toString().replace( "/", "" );sValue = sValue.toString().replace( "/", "" );sValue = sValue.toString().replace( "(", "" );sValue = sValue.toString().replace( "(", "" );sValue = sValue.toString().replace( ")", "" );sValue = sValue.toString().replace( ")", "" );sValue = sValue.toString().replace( " ", "" );sValue = sValue.toString().replace( " ", "" );fldLen = sValue.length;mskLen = sMask.length;i = 0;nCount = 0;sCod = "";mskLen = fldLen;while (i <= mskLen) {bolMask = ((sMask.charAt(i) == "-") || (sMask.charAt(i) == ":") || (sMask.charAt(i) == ".") || (sMask.charAt(i) == "/"))bolMask = bolMask || ((sMask.charAt(i) == "(") || (sMask.charAt(i) == ")") || (sMask.charAt(i) == " "))if (bolMask) {	sCod += sMask.charAt(i);	mskLen++;} else {	sCod += sValue.charAt(nCount);	nCount++;}i++;}objForm[strField].value = sCod;if (nTecla != 8) { // backspace	if (sMask.charAt(i-1) == "9") { // apenas números...	return ((nTecla > 47) && (nTecla < 58)); } // números de 0 a 9else { // qualquer caracter...	return true;}} else {	return true;}}var isNN = (navigator.appName.indexOf("Netscape")!=-1);function autoTab(input,len, e) {	var keyCode = (isNN) ? e.which : e.keyCode;	var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];	if(input.value.length >= len && !containsElement(filter,keyCode)) {		input.value = input.value.slice(0, len);		input.form[(getIndex(input)+1) % input.form.length].focus();	}function containsElement(arr, ele) {	var found = false, index = 0;	while(!found && index < arr.length)	if(arr[index] == ele)		found = true;	else		index++;		return found;	}function getIndex(input) {	var index = -1, i = 0, found = false;	while (i < input.form.length && index == -1)		if (input.form[i] == input)index = i;		else i++;		return index;	}	return true;}function Validar(Opcao, TextArea) {Opcao = document.getElementById(Opcao);TextArea = document.getElementById(TextArea);if (Opcao.value == "Nao" && TextArea.value == "" || TextArea.value.substring(0,1)==" ") {alert("Preencha o campo TEXTAREA!!!");}}</script><script src="ajax.js" type="text/javascript"></script><script src="ajaxx.js" type="text/javascript"></script><!--#include file="includes/estilo.css"--><!--#include file="includes/topo.asp"--><p align="center"><span class="testo14">Ficha de Pessoal </span></p><br><form name="cad" id="cad" method="post" action="ficha_de_pessoal_valida1.asp" onSubmit="return envia('calculaa.asp','GET',false);" onSubmit="return Validar('carteira_trabalho','observacao_carteira');"><p align="center"><table width="744" border="0">		<tr>	<td width="738"><table width="446" height="60" border="0"><tr>	<td width="194"><span class="texto10">Campanha :</span></td>	<td width="150">					<select name="campanha" size="1" id="campanha">					<option value>...</option><%While NOT rs2.EOF%>					<option value="<%=rs2("campanha")%>"><%=rs2("campanha") %></option><%rs2.MoveNextWend%>		  </select>	</td>		</tr>		<tr><%Sqlusers = "Select * From usuarios where login='"&Session("Login")&"'"Set rsusers = Conexcao.Execute(Sqlusers)%>	<td width="194"><span class="texto10">Parceira  :</span></td>	<td width="150"><span class="texto10"><%=rsusers("nome")%></span></td></tr>	<tr><%Response.Write("<td><span class='texto10'>Data de inclussão:</span></td><td><span class='texto10' style='color:#FF0000'>"&Now()&"</span></td><td><span class='texto10' style='color:#FF0000'>"&Session("login")&"</span></td></tr>")%></table><table width="735" border="1">  <tr>	<td><div align="center" class="texto17"><strong>Dados do Contratado (A)</strong></div></td>  </tr></table><table width="735" border="1">  <tr>	<td width="69"><span class="texto11">Nome :</span></td>	<td width="272"><input name="nome" type="text" id="nome" size="45"></td>	<td width="90"><span class="texto10">Data nascimento : </span></td>	<td width="276"><input type="text" name="data_nas" id="str_data" length="10" size="10"  onkeypress="return txtBoxFormat(this.form, this.name, '99/99/9999', event);"  onKeyUp="return autoTab(this, 10, event);"  onblur="java script:envia('Calcula.asp','POST',false);"></td>  </tr></table><table width="735" border="1">  <tr>	<td width="69"><span class="texto10">Endereço : </span></td>	<td width="272"><input name="endereco" type="text" id="endereco" size="45"></td>	<td width="90"><span class="texto10">Bairro:</span></td>	<td width="276"><input name="bairro" type="text" id="bairro"></td>  </tr></table><table width="735" border="1">  <tr>	<td width="68"><span class="texto10">Estado : </span></td>	<td width="86"><select name="uf" size="1" id="uf" onChange="cidades(this.options.selectedIndex)">	  <option>.....</option>	  <option value="AC">AC</option>	  <option value="AL">AL</option>	  <option value="AM">AM</option>	  <option value="AP">AP</option>	  <option value="BA">BA</option>	  <option value="CE">CE</option>	  <option value="DF">DF</option>	  <option value="ES">ES</option>	  <option value="GO">GO</option>	  <option value="MA">MA</option>	  <option value="MT">MT</option>	  <option value="MS">MS</option>	  <option value="MG">MG</option>	  <option value="PA">PA</option>	  <option value="PB">PB</option>	  <option value="PR">PR</option>	  <option value="PE">PE</option>	  <option value="PI">PI</option>	  <option value="RJ">RJ</option>	  <option value="RN">RN</option>	  <option value="RO">RO</option>	  <option value="RS">RS</option>	  <option value="RR">RR</option>	  <option value="SC">SC</option>	  <option value="SE">SE</option>	  <option value="SP">SP</option>	  <option value="TO">TO</option>	</select></td>	<td width="61"><span class="texto10">Cidade : </span></td>	<td width="211"><select name="cidade" size="1" id="cidade">	  <option>.....</option>	  <script language="JavaScript" src="includes/cidade.js"></script>	</select></td>	<td width="91" class="texto10">CEP :</td>	<td width="177"><input name="cep" type="text" id="cep" size="15" onKeyPress="return txtBoxFormat(this.form, this.name, '99999-999', event);" onKeyUp="return autoTab(this, 9, event);"></td>  </tr></table><table width="735" border="1">  <tr>	<td width="74"><span class="texto10">Telefone :</span></td>	<td width="114"><input name="telefone" type="text" id="telefone" size="13" onKeyPress="return txtBoxFormat(this.form, this.name, '(99)9999-9999', event);" onKeyUp="return autoTab(this, 13, event);"></td><td width="119"><span class="texto10">Pager :</span></td>	<td width="78"><input name="pager" type="text" id="pager" size="13"></td><td width="44"><span class="texto10">Celular :</span></td>	<td width="78"><input name="celular" type="text" id="celular" size="13" onKeyPress="return txtBoxFormat(this.form, this.name, '(99)9999-9999', event);" onKeyUp="return autoTab(this, 13, event);"></td><td width="98"><span class="texto10">e-mail :</span></td>	<td width="78"><input name="email" type="text" id="email" size="13"></td>  </tr></table><table width="735" border="1">  <tr>	<td width="74"><span class="texto10">Nível de formação  :</span></td>	<td width="187"><select name="nivel_formacao" id="nivel_formacao">	  <option>...</option>	  <option value="1º Grau Incompleto">1º Grau Incompleto</option>	  <option value="1º Grau Completo">1º Grau Completo</option>	  <option value="2º Grau Incompleto">2º Grau Incompleto</option>	  <option value="2º Grau Completo">2º Grau Completo</option>	  <option value="Superior Incompleto">Superior Incompleto</option>	  <option value="Superior Completo">Superior Completo</option>	  <option value="Pós-Graduação">Pós-Graduação</option>	  <option value="Mestrado">Mestrado</option>	  <option value="Doutorado">Doutorado</option>	</select>	</td>	<td width="49"><span class="texto10">Região : </span></td>	 <td width="93"><input name="regiao" type="text" id="regiao" size="13"></td> 	<td width="37"><span class="texto10">RG Nº </span></td>	<td width="78"><input name="rg" type="text" id="rg" size="13"></td><td width="84"><span class="texto10">PIS Nº  : </span></td>	 <td width="81"><input name="pis" type="text" id="pis" size="13"></td>	</tr></table><table width="735" border="1"><tr>  <td width="74"><span class="texto10">Estado Cívil : </span></td>  <td width="78"><select name="estado_civil" id="estado_civil">	<option>...</option>	<option value="Solteiro(a)">Solteiro(a)</option>	<option value="Casado(a)">Casado(a)</option>	<option value="Divorciado(a)">Divorciado(a)</option>	<option value="Viúvo(a)">Viúvo(a)</option>  </select>  </td>  <td width="109" class="texto10">Eleitor / Zona / Seção : </td><td width="223">	  <input name="eleitor" type="text" id="eleitor" size="5"> 	  / 	  <input name="zona" type="text" id="zona" size="5">	  /	  <input name="secao" type="text" id="secao" size="5"></td>	<td width="131" class="texto10">Nº de inscr.Autônomo(RPA) </td>	<td width="80">	  <input name="n_inscr_autonomo" type="text" id="n_inscr_autonomo" size="13"></td></tr></table><table width="735" border="1"><tr>	<td width="35" class="texto10">CPF : </td>	<td width="95"><input name="cpf" type="text" id="cpf" size="12" onKeyPress="return txtBoxFormat(this.form, this.name, '999.999.999-99', event);" onKeyUp="return autoTab(this, 14, event);" onBlur="ProcurarCompativel(event);"></td><td width="42"><span class="texto10">CPTS : </span></td>	<td width="79"><input name="cpts" type="text" id="cpts" size="10"></td>	<td width="64"><span class="texto10">Série / UF : </span></td><td width="120"><input name="serie" type="text" id="serie" size="4">   / 	<input name="carte_uf" type="text" id="carte_uf" size="4"></td><td width="51" class="texto10">Cargo : </td>	<td width="197"><select name="cargo" id="cargo"> 	<option>...</option><option value="<%=rsvagas("qualificacao")%>"><%=rsvagas("qualificacao")%></option></select></td></tr></table><table width="735" border="1"><tr><td width="136"><span class="texto10">Ultima contratação : </span></td><td width="583"><input type="text" size="40" id="ultimo_registro" name="ultimo_registro" readonly="true"></tr></table><table width="735" border="1"><tr>  <td width="302" class="texto10"><div align="center">Dependentes : </div></td>  <td width="293" class="texto10"><div align="center">Grau de Parentesco : </div></td></tr></table><table width="735" border="1"><tr><td width="301" class="texto10"><input name="dependentes" type="text" id="dependentes" size="50"></td><td width="294"><span class="texto10">  <input name="grauparentesco" type="text" id="grauparentesco" size="48"></span></td></tr><tr><td width="301" class="texto10"><input name="dependentes" type="text" id="dependentes" size="50"></td><td width="294"><span class="texto10">  <input name="grauparentesco" type="text" id="grauparentesco" size="48"></span></td></tr><tr><td width="301" class="texto10"><input name="dependentes" type="text" id="dependentes" size="50"></td><td width="294"><span class="texto10">  <input name="grauparentesco" type="text" id="grauparentesco" size="48"></span></td></tr><tr><td width="301" class="texto10"><input name="dependentes" type="text" id="dependentes" size="50"></td><td width="294"><span class="texto10">  <input name="grauparentesco" type="text" id="grauparentesco" size="48"></span></td></tr><tr><td width="301" class="texto10"><input name="dependentes" type="text" id="dependentes" size="50"></td><td width="294"><span class="texto10">  <input name="grauparentesco" type="text" id="grauparentesco" size="48"></span></td></tr></table><table width="735" border="1">  <tr>	<td width="78" class="texto10">Nome do Pai : </td>	<td width="217" class="texto10"><input name="nome_pai" type="text" id="nome_pai" size="35"></td>	<td width="78" class="texto10">Nome da Mãe : </td>	<td width="210" class="texto10"><input name="nome_mae" type="text" id="nome_mae" size="35"></td>  </tr></table><table width="735" border="1">  <tr>	<td width="293" class="texto10">Banco : 	  <select name="banco" id="banco">		<option>...</option>		<option value="Banco do Brasil">Banco do Brasil</option>		<option value="Banerj">Banerj</option>		<option value="Banespa">Banespa</option>		<option value="Bank Boston">Bank Boston</option>		<option value="Bradesco">Bradesco</option>		<option value="Caixa economica">Caixa economica</option>		<option value="HSBC">HSBC</option>		<option value="Itaú">Itaú</option>		<option value="Nossa Caixa">Nossa Caixa</option>		<option value="Real">Real</option>		<option value="Safra">Safra</option>		<option value="Santander">Santander</option>		<option value="Sudameris">Sudameris</option>		<option value="Unibanco">Unibanco</option><%sqlbanco = "Select * From ficha_de_pessoal"Set rsbanco = Conexcao.Execute(sqlbanco)%>		<%While not rsbanco.EOF%><option value="<%=rsbanco("banco")%>"><%=rsbanco("banco")%></option><%rsbanco.MoveNextWend%>	  </select>	   outros	   <input name="banco" type="text" id="banco" size="10"></td>	<td width="128" class="texto10">Nº Agência: 	  <input name="agencia" type="text" id="agencia" size="5"></td>	<td width="128" class="texto10">Nº da Conta : 	  <input name="conta" type="text" id="conta" size="5"></td>	<td width="158" class="texto10">Conta Tipo : 	  <select name="tipo_conta" id="tipo_conta">		<option>...</option>		<option value="Corrente">Corrente</option>		<option value="Poupança">Poupança</option>	  </select>	  </td>  </tr></table><table width="735" border="1">  <tr>	<td><div align="center" class="texto17"><strong>Documentos para Admissão </strong></div></td>  </tr></table><table width="735" border="1"><tr>	<td width="336" height="39" class="texto10">Carteira de trabalho sem vinculo e com baixa : </td>	<td width="60" class="texto10"><select name="carteira_trabalho" id="carteira_trabalho">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_carteira" cols="50" rows="2" id="observacao_carteira"></textarea></td>  </tr><tr>	<td width="336" height="39" class="texto10">Exame médico admissional em nome do contratante rescente e de preferência de um médico do trabalho :  </td>	<td width="60" class="texto10"><select name="exame_medico" id="exame_medico">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_exame_medico" cols="50" rows="2" id="observacao_exame_medico"></textarea></td>  </tr><tr>	<td width="336" height="39" class="texto10">1 Foto 3x4 colorida e rescente : </td>	<td width="60" class="texto10"><select name="foto3x4" id="foto3x4">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_foto3x4" cols="50" rows="2" id="observacao_foto3x4"></textarea></td>  </tr><tr>	<td width="336" height="39" class="texto10">Cópia do RG : </td>	<td width="60" class="texto10"><select name="copia_rg" id="copia_rg">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_copia_rg" cols="50" rows="2" id="observacao_copia_rg"></textarea></td>  </tr><tr>	<td width="336" height="39" class="texto10">Cópia do CPF regularizado pela Receita Federal : </td>	<td width="60" class="texto10"><select name="copia_cpf" id="copia_cpf">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_copia_cpf" cols="50" rows="2" id="observacao_copia_cpf"></textarea></td>  </tr><tr>	<td width="336" height="39" class="texto10">Cópia do PIS : </td>	<td width="60" class="texto10"><select name="copia_pis" id="copia_pis">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_copia_pis" cols="50" rows="2" id="observacao_copia_pis"></textarea></td>  </tr><tr>	<td width="336" height="39" class="texto10">Cópia do titulo de eleitor : </td>	<td width="60" class="texto10"><select name="titulo_eleitor" id="titulo_eleitor">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_titulo_eleitor" cols="50" rows="2" id="observacao_titulo_eleitor"></textarea></td>  </tr><tr>	<td width="336" height="39" class="texto10">Cópia de um comprovante de endereço que conste o CEP : </td>	<td width="60" class="texto10"><select name="comprocante_endereco" id="comprocante_endereco">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_comprocante_endereco" cols="50" rows="2" id="observacao_comprocante_endereco"></textarea></td>  </tr><tr>	<td width="336" height="43" class="texto10">Comprovante da conta-corrente ou poupança em nome do contratado onde o titular seja o contratado.Não serão aceitas contas conjuntas e de terceiros : </td>	<td width="60" class="texto10"><select name="comprovante_conta_corrente" id="comprovante_conta_corrente">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_comprovante_conta_corrente" cols="50" rows="2" id="observacao_comprovante_conta_corrente"></textarea></td>  </tr><tr>	<td width="336" height="39" class="texto10">Atestado de antecedentes : </td>	<td width="60" class="texto10"><select name="atestado_antecedentes" id="atestado_antecedentes">	  <option>...</option>	  <option value="Sim">Sim</option>	  <option value="Não">Não</option>	</select>	</td>	<td width="317" class="texto10"><textarea name="observacao_atestado_antecedentes" cols="50" rows="2" id="observacao_atestado_antecedentes"></textarea></td>  </tr></table><table width="735" border="1">  <tr>	<td> </td>  </tr>  <tr>	<td><div align="center" class="texto17"><strong>Motivo da Contratação</strong> </div></td>  </tr></table><table width="735" border="1"><tr>	<td width="114" height="39" class="texto10">Motivo da contratação : </td>	<td width="299" class="texto10">Admissão Nova 	  <input name="motivo_contratacao" type="radio" value="nova"></td>	<td width="300" class="texto10">Substituição	  <input name="motivo_contratacao" type="radio" value="substituicao"></td></tr></table><br>	<br><br></p><p align="center">			<input type="submit" name="Enviar" id="Enviar" value="Confirmar">	 		<input type="reset" name="limpa" value="Limpar"></p></form><!--#include file="includes/voltar.asp"-->  <!--#include file="includes/msgs.asp"--><!--#include file="includes/rodape.asp"--></body></html><%End IF%>

[shumi 0]

Tirei o onSubmit do Ajax.Mas o que você acabou de me passar não funciona!

[shumi 0]

É eu ia postar isso agora na função eu coloquei o acento e quando cliquei em enviar apareceu o alert, mas quando dou OK no alert passa pra outra tela...Teria que dar ok e só passasse pra outra tela quando ele colocasse alguma coisa no textarea...Tem como?

[shumi 0]

Putz cara funfou de boa!!!!Outra perguntinha! rsEu tenho mais 9 campos que teria que fazer isso, como adapto neles tb?

[shumi 0]

Fiz isso só mas não rolou:

<form name="cad" id="cad" method="post" action="ficha_de_pessoal_valida1.asp" onSubmit="return Validar('carteira_trabalho','observacao_carteira','exame_medico','observacao_exame_medico','foto3x4','observacao_foto3x4','copia_rg','observacao_copia_rg','copia_cpf','observacao_copia_cpf','copia_pis','observacao_copia_pis','titulo_eleitor','observacao_titulo_eleitor','comprocante_endereco','observacao_comprocante_endereco','comprovante_conta_corrente','observacao_comprovante_conta_corrente','atestado_antecedentes','observacao_atestado_antecedentes');">

[shumi 0]

São 9 Selects que dependem de 9 TextArea

[shumi 0]

Tanto faz!Qual é a mais fácil pra você me ensinar?!?Abraços

[shumi 0]

beleza!!!Mas se a opção for sim a pessoa pode ou não preencher algo...

[shumi 0]

Deu certo só o ultimo select que não conferiu!Como que eu faço com o ultimo select?Obrigado

[shumi 0]

hehehehdeu certo!Obrigado!!!!!Abraços