Controllo campo di testo

**j0tt0** · 23-06-2007, 19:59

Salve a tutti,

all'interno di un form ho un campo di testo utilizzato dall'utente per la ricerca di un codice.
Questo campo visualizza già un valore di default, a questo punto devo applicare alcuni controlli:

1. se riceve un click dentro, il testo standard scompare per dare spazio al codice immesso dall'utente
2. se riceve un click fuori, il testo standard ricompare
3. se si clicca sul pulsante cerca senza che sia stato immesso del testo appare un Alert e la ricerca non parte.

Ho scritto qualcosa:

codice:

	
<input type="text" name="search" size="18" value="Cerca per codice" onfocus="if(this.value=='Cerca per codice'){this.value=''}" onblur="if(this.value==''){this.value='Cerca per codice'}">

<input name="Cerca per codice" alt="Cerca per codice" onclick="if(search.value=='Cerca per codice'){window.alert('Please insert the Part Number')}" type="image" src="/immagini/cerca.gif" class="searchbutton">

Funziona quasi tutto tranne il punto 3 visto che nonostante l'alert il form viene lanciato, quindi dovrei inserire una specie di STOP.
Inoltre invece dell'Alert mi piacerebbe far appare un "meno intrusivo" Tooltip che avverte l'utente che non è stato inserito alcun testo, mi consigliate Ajax?

Qualche suggerimento?
Grazie!

**cavicchiandrea** · 24-06-2007, 00:49

vedi se questa soluzione ti piace:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Titolo</title>
	<script>
    </script>
	<style type="text/css">
<!--
#avviso {
	width:220px;
	height:20px;
	background-image: url(images/avviso.jpg);
	background-repeat: no-repeat;
	visibility: hidden;
	float: left;
	text-align: center;
}
#cerca {
	float: left;
	height: 20px;
	width: auto;
}
-->
    </style>
	</head>
	<body>
	<form action="" method="post" name="f1">
	  <div id="cerca">
	    <input type="text" name="search" size="18" value="Cerca per codice" onfocus="if(this.value=='Cerca per codice'){this.value='';document.getElementById('avviso').style.visibility='visible'}" onblur="if(this.value==''){this.value='Cerca per codice';document.getElementById('avviso').style.visibility='hidden'}" onkeyup="if(this.value.substring(0)){document.getElementById('PulsanteCerca').disabled=false}else{document.getElementById('PulsanteCerca').disabled=true}">
	    <input type="submit" name="PulsanteCrca" id="PulsanteCerca" value="Cerca" disabled="disabled" />
      </div>
	  <div id="avviso">Scrivi per bilitare il tasto</div>
	</form>
    </body>
</html>

**j0tt0** · 24-06-2007, 09:42

Molto utile.

Grazie!

Discussione: Controllo campo di testo

Strumenti discussione

Ricerca discussione

Visualizza

Controllo campo di testo

Permessi di invio