Desabilitar input dentro do form

[andredoom 0]

pessoal, tenho o seguinte código:

 

<script type="text/javascript">
function mostraDiv(valor){
if(valor == "fisica"){
document.getElementById("fisica").style.display = "";
document.getElementById("juridica").style.display = "none";
document.getElementById("juridica").disable = "true";
document.getElementById("fisica").disable = "false";}
else if(valor == "juridica"){
document.getElementById("fisica").style.display = "none";
document.getElementById("fisica").disable = "true";
document.getElementById("juridica").style.display = "";
document.getElementById("juridica").disable = "false";}}
</script>

<table width="480" border="1" style="margin-left: 60px;"><tbody>
<tr class="radio">
<td width="200"></td>
<td width="260" scope="col"><strong>TIPO DE CADASTRO:</strong></td>
<td width="240" scope="col"><input type="radio" id="pf" name="selecionar" value="fisica" onChange="mostraDiv(this.value)" /><label for="pf">PESSOA FÍSICA</label></td>
<td width="70"><strong style="color:#818181">|</strong></td>
<td width="270" scope="col"><input type="radio" id="pj" name="selecionar" value="juridica" onChange="mostraDiv(this.value)"><label for="pj">PESSOA JURÍDICA</label></td>
</tr>
</tbody></table>

<table><tbody>
<form name="form2" method="post" action="{$smarty.server.PHP_SELF}">
<input type="hidden" name="register" value="true" />

<tr id="fisica">
<td class="fieldarea">CPF/MF:</td>
<td><input type="text" name="cpf[1]" value="" onpaste="return false;" id="cpf" maxlength="14" size="43" placeholder="Digite o seu CPF..."/></td>
</tr>

<tr style="display: none;" id="juridica">
<td class="fieldarea">CNPJ/MF:</td>
<td><input name="cnpj[1]" id="cnpj" value="" type="text" maxlength="18" size="43" placeholder="Digite o seu CNPJ..."></td>
</tr>

<tr>
<td width="150" class="fieldarea">Nome:</td>
<td><input type="text" name="firstname" value="Nome" class="large" placeholder="Digite o seu nome..."></td>
</tr>

<tr>
<td>
<button type="submit"><strong>Enviar</strong></span></button>
</td>
</tr>

</form>
</tbody></table>

eu queria saber se alguem poderia me ajudar a fazer uma modificação, eu quero desabilitar um input de acordo com a opção escolhida.

 

quando escolher a opção pessoa fisica, ele desabilita o input da pessoa juridica, e vice versa.

 

outra questão, é que ao enviar o form e ocorre algum erro de validação, ele não fica com os campos que a pessoa escolheu aberto. Ou seja, se eu escolher a opção pessoa juridica, e ao enviar o form ocorrer algum erro, ele volta para os campos da pessoa fisica, não fica nos campos da pessoa juridica. Sei que tem que criar uma função do tipo checked, mas não sei como fazer isso.

 

não tenho muito conhecimento em java, só o basico do basico. Alguém poderia me ajudar a fazer isso? preciso muito desta alteração.

[andredoom 0]

Só para constar, o script já ta com as funções para desabilitar o input, mas eu não sei integrar para fazer funcionar.

 

document.getElementById("juridica").disable = "true";}}

document.getElementById("juridica").disable = "false";}}

document.getElementById("fisica").disable = "true";}}

document.getElementById("fisica").disable = "false";}}

Pois os campos já tem uma ID que eu não posso remover, então não sei como usar.

[William Bruno 1501]

o disabled é no input, e não na TR. Assim:

<script type="text/javascript">

function byId(id){

return document.getElementById(id);

}

function mostraDiv(valor){

if(valor == "fisica")

{

byId("fisica").style.display = "";

byId("juridica").style.display = "none";

byId("cnpj").disabled = "true";

byId("cpf").disabled = "false";

}else{

byId("juridica").style.display = "";

byId("fisica").style.display = "none";

byId("cpf").disabled = "true";

byId("cnpj").disabled = "false";

}

}

</script>

[Henrique Barcelos 290]

Melhor utilizar atributo HTML disabled:

byId("cpf").setAttribute("disabled", "disabled");

[andredoom 0]

Eu consegui fazer o script funcionar, desativando os campos.

 

Só estou com problema mesmo na parte das seleções, quando o usuário escolhe uma opção ela não permanece quando a página e atualizada.

 

Preciso que aopção permaneça e os campos fiquem abertos de acordo com a opção escolhida. Sabe alguma forma de fazer isso?

[William Bruno 1501]

ai é com o teu server-side cara.

 

vc precisa ver oq o cara escolheu e setar o display: block para ela.

[andredoom 0]

então já me falaram isso tbm, mas não sei como fazer... se tem algum exemplo?