3

Tenho o seguinte problema, tenho um input com o atributo readonly. Quando se clica nele ele é selecionado. Eu precisava impedir isso, pois tenho uma função utilizando o onblur que só pode funcionar quando o input não está em readonly.

<input type="text" readonly="readonly" onblur="alert('teste')">

2 Respostas 2

4

Você pode tratar isso com JavaScript, segue uma solução pra você:

function minhafuncao(teste){
  if(document.getElementById('idinput').readOnly==false){
    //seu comando
    alert(teste);
  }
}
<input type="text" id="idinput" readonly onblur="minhafuncao('teste')">

1
  • 1
    Esta solução me atendeu 100% obrigado Commented 25/11/2016 às 13:01
3

Você pode usar disabled="true", e quando for remover o readonly também habilitar o input.

<input type="text" disabled="true" readonly="readonly" onblur="alert('teste')">

Ou checar se está como readonly no blur com jQuery:

$("#a").on("blur",function(){
  if ($(this).attr('readonly') == 'readonly'){
    console.log("Somente leitura");
  } else{
    console.log("Habilitado");  
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="a" type="text" readonly="readonly">

3
  • Então Lucas, neste caso não posso usar disabled para evitar de não enviar o campo. Commented 25/11/2016 às 12:42
  • 1
    Você pode verificar se está como readonly na função, como sugeri na segunda opção.
    – BrTkCa
    Commented 25/11/2016 às 12:44
  • Entendi, realmente uma solução, obrigado. Commented 25/11/2016 às 13:02

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .