form - pulsante attivo solo al cambio di input

[aasmdaa]

ho questo form:

<form action="ricerca.asp" method="GET">
<input type="text" name="ric" size="12" title="Inserire il testo da cercare">
<input type="submit" value="cerca">
</form>

Vorrei fare in modo che il pulsante cerca sia disabled fino a che il campo di input "ric" abbia qualcosa dentro. Questo per evitare che ricerchi anche a campo vuoto.

[scorpio84]

ciao,
metti un nome al pusante, o meglio un ID

<input type="submit" value="cerca" id="submitFormSearch">

poi metti nel textinput

<input type="text" name="ric" size="12" title="Inserire il testo da cercare" onkeyup="if(this.value!="Inserire il testo da cercare" && this.length>0){document.getElementById("submitFormSearch").disabled=true;}else{document.getElementById("submitFormSearch").disabled=false;}" onkeydown="if(this.value!="Inserire il testo da cercare" && this.length>0){document.getElementById("submitFormSearch").disabled=true;}else{document.getElementById("submitFormSearch").disabled=false;}">

nn so se ho sbaglaito qualcosa, nn l'ho testato :P
ma dovrebbe andare

[pierofix]

Direi...

XHTML

<form action="ricerca.asp" method="get">
   <fieldset>
      <legend>Cerca nel sito</legend>

      <label for="ric">Parola:</label>
      <input id="ric" name="ric" type="text" size="12" />
      <input id="invia" type="submit" value="cerca" />
   </fieldset>
</form>


Javascript

window.onload = function()
{
   var testo = document.getElementById('ric')
   var invia = document.getElementById('invia')

   invia.setAttribute('disabled', 'disabled')
   testo.onkeyup = function()
   {
      invia.removeAttribute('disabled')
   }
}

Prova: spero che funzioni.

[scorpio84]

visto ke lui inserisce il value del text su "Inserire il testo da cercare"

se io ci clicco sopra, aggiungo un carattere e poi lo rielimino, il pulsante non rimane cmq abilitato?

[pierofix]

Originariamente inviato da scorpio84
visto ke lui inserisce il value del text su "Inserire il testo da cercare"

se io ci clicco sopra, aggiungo un carattere e poi lo rielimino, il pulsante non rimane cmq abilitato?

Mi pare che lui usasse 'Inserire il testo da cercare' come title, non come value preimpostato.

Però effettivamente la tua osservazione mi ha fatto venire in mente una cosa. Aspettate un attimo che sistemo lo script.

[scorpio84]

opz... hai ragione sorry
leggere veloce non è mai la cosa migliore ma fare 1000 cose contemporanemante è un casino...

[pierofix]

Serviva un'aggiunta. Ecco il codice spero definitivo:

XHTML

<form action="ricerca.asp" method="get">
   <fieldset>
      <legend>Cerca nel sito</legend>

      <label for="ric">Parola:</label>
      <input id="ric" name="ric" type="text" size="12" />
      <input id="invia" type="submit" value="cerca" />
   </fieldset>
</form>


Javascript

window.onload = function()
{
   var testo = document.getElementById('ric')
   var invia = document.getElementById('invia')

   testo.onkeyup = function()
   {
      invia.removeAttribute('disabled')
   }
   testo.onblur = function()
   {
      if ( testo.value == '' )
      {
         invia.setAttribute('disabled', 'disabled')
      }
   }

   invia.setAttribute('disabled', 'disabled')
}