Habilitando e desabilitando o fieldset pelo select

[Octovilao 0]

Boa tarde pessoal!!

 

Gostaria de habilitar e desabilitar o fieldset contato e fieldset orcamento em tempo real sem ativação de por botoes. Se option estiver contato habilita fieldset contato, se option estiver orçamento ativa fieldset contato e orcamento.

 

A e ja gostario de saber se tem como fazer meu imput file aceitar somente imagem (EX: jpg, bmp) e bloquiar outros tipos de arquivos.

<fieldset>
<!--Select - contato ou orçamento-->
<label for="assunto">Assunto</label>
<select name="assunto" id="assunto">
<option value="">--</option>
<option value="contato">Contato</option>
<option value="orcamento">Orçamento</option>
</select><br><br>
 
<!--fieldset contato-->
<fieldset name="contato" id="contato" disabled="disabled">
<!--Entrada do nome-->
<label for="email">Nome</label>
<input type="text" name="txtnome" id="txtnome" placeholder="Insira seu nome" />
<!--Entrada de email-->
<label for="email">E-mail</label>
<input type="text" name="txtemail" id="txtemail" placeholder="Insira seu E-mail" />
</fieldset>
<br><br>
 
<!--Entrada da menssagem-->
<label for="mensagem">Mensagem</label>
<textarea name="txtmensagem" id="txtmensagem" rows="6"   ></textarea>
<br><br>
 
<!--fieldset orcamento-->
<fieldset class="orcamento" disabled="enabled">
<!--Qauntidades de peças-->
<label for="qtdpeças">Quantidade de Peças</label>
<input type="number" max="9" min="1" />
<!--Tamanho da imagem-->
<label for="Timagem">Tamanho da Imagem</label>
<input type="number" max="9" min="1" />
<!--Anexa a imagem-->
<label for="email">Imagem</label>
<input type="file" name="imagem" id="imagem" />
</fieldset>
<br><br>
 
<button type="submit" name="submit">Enviar</button>
</fieldset>
</form> 

[Rafael R Silva 27]

Da para gerenciar os fieldsets com jquery;

Procure pela função .change() utilizando como seletor o select e trabalhe a função para habilitar e desabilitar o fieldset selecionado, sugiro você utilizar classe para determinar seus fieldsets e elementos internos;

 

 

Para bloquear os arquivos procure por FileReader();

 

Qualquer duvida manda ai =)

[Octovilao 0]

Boa tarde,

 

Venho informar que resolvi meu problema pesquisando na net, soluçao;

 

<script type="text/javascript">

function ativa( valor ){

if( valor == "contato" ){

document.getElementById("fdtcontato").disabled = false;

document.getElementById("fdtorcamento").disabled = true;

}else if( valor == "orcamento" ){

document.getElementById("fdtcontato").disabled = false;

document.getElementById("fdtorcamento").disabled = false;

}

}

</script>

<label for="assunto">Assunto</label>

<select name="assunto" id="assunto" onchange="ativa(this.value)" >

<option value="" ></option>

<option value="contato" >Contato</option>

<option value="orcamento">Orçamento</option>

</select><br><br>

<fieldset name="fdtcontato" id="fdtcontato" disabled="disabled">

<!--Entrada do nome-->

<label for="nome" id="nome" name="nome">*Nome</label>

<input type="text" name="txtnome" id="txtnome" placeholder="Insira seu nome" />

<!--Entrada de email-->

<label for="email" id="email" name="email">*E-mail</label>

<input type="text" name="txtemail" id="txtemail" placeholder="Insira seu E-mail" />

<br>

<br>

<label for="mensagen" id="msg" name="msg">*Mensagem</label>

<textarea name="txtmensagem" id="txtmensagem" cols="50" rows="5" placeholder="insira sua mensagem" class="q"></textarea>

</fieldset>

<fieldset name="fdtorcamento" id="fdtorcamento" disabled="disabled">

<!--Qauntidades de peças-->

<label for="qtdpeças">*Quantidade de Peças</label>

<input type="number" max="100000000" min="1" />

<br>

<br>

<!--Anexa a imagem-->

<label for="email">*Imagem</label>

<input type="file" name="imagem" id="imagem" />

<br>

<br>

<!--Tamanho da imagem-->

<label for="Timagem">Tamanho da Imagem</label>

<input type="number" max="5000" min="1" /><input type="number" max="5000" min="1" />

<p>Se a imagem anexada for do tamanho do projeto não é necessário informar o tamanho!</p>

</fieldset>

Mais ainda estou com a duvida de como fazer meu input file aceitar somente arquivos com extenção .jpg .bmp, alguem pode me ajudar com isso?