Aggiungi evento di controllo campo testo

**peterminnow** · 29-10-2008, 13:20

Salve a tutti, avrei un problemi sulla validazione del campo testo in quanto nel form che sto usando non è presente direttamente il tasto "submit" e quindi non so come integrare nella forma classica il controllo del campo!!!.....questo il codice della pagina:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>File Upload</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="mootools-1.2-core-nc.js"></script>
<script type="text/javascript" src="Swiff.Uploader.js"></script>
<script type="text/javascript" src="Fx.ProgressBar.js"></script>
<script type="text/javascript" src="FancyUpload2_DE.js"></script>
<script type="text/javascript">
/* <![CDATA[ */

window.addEvent('load', function() {
document.getElement('b').appendText(' Detected Flash ' + Browser.Plugins.Flash.version + '!');

var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
debug: true,
url: $('form-demo').action,
data: $('form-demo'),
fieldName: 'photoupload',
path: 'Swiff.Uploader.swf',
limitSize: 1150 * 1024 * 1024,
target: 'demo-browse',
onLoad: function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}

});
$('demo-select-images').addEvent('change', function() {
var filter = null;
if (this.checked) {
filter = {'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'};
}
swiffy.options.typeFilter = filter;
});
$('demo-browse').addEvent('click', function() {
swiffy.browse();
return false;
});

$('demo-clear').addEvent('click', function() {
swiffy.removeFile();
return false;
});

$('demo-upload').addEvent('click', function() {
swiffy.upload();
return false;
});

});

</script>
<script type="text/javascript" src="common.js"></script>

</head>
<body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="add_handlers('load','cancella','go');">
<div align="center">
<table width="100%" height="162" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="header-bg"></td>
<td width="600" height="162" valign="bottom" background="images/header.gif" class="topmenu"> <div align="right">
<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="200"></td>
<td width="200"><div align="center" class="footer5"></div></td>
<td width="200"><div align="right">Guida (?)</div></td>
</tr>
</table>
</div></td>
<td class="header-bg"></td>
</tr>
</table>
</div>
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#333333">
<tr>
<td> <form action="script.php?<?= $append ?>" method="post" enctype="multipart/form-data" id="form-demo" >
<fieldset id="demo-fallback">
<label for="demo-photoupload">
<input type="file" name="photoupload" id="demo-photoupload" />
</label>
</fieldset>
<div id="demo-status" class="hide">
<input type="checkbox" id="demo-select-images" />
Solo immagini
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="195"><div id="demo-browse" class="scegli">[img]images/load.gif[/img]</div></td>
<td width="185"><div id="demo-clear" class="clear">[img]images/cancella.gif[/img]</div></td>
<td width="120"><div id="demo-upload" class="invia">[img]images/go.gif[/img]</div></td>
</tr>
</table>

<div>
<strong class="overall-title">Dimensione Totale (0 kB)[/b]

[img]images/bar.gif[/img]
</div></br>
<div>
<strong class="current-title">Invio[/b]

[img]images/bar.gif[/img]
</div>
<div class="current-text"></div>

<ul id="demo-list">[/list]
</div><div><INPUT TYPE=TEXT NAME="nome" size=30 id="nome">
</div>
</form> </td>
</tr>
</table>

</div>

</body>
</html>

grazie un saluto a tutti

**artorius** · 29-10-2008, 13:32

cos'è che devi controllare? che non sia vuoto?

Comunque, è una PESSIMA idea effettuare il controllo sui campi attivato dall'evento onClick del bottone di submit, bisogna effettuare il controllo sull'evento onSubmit della form.

**peterminnow** · 29-10-2008, 13:35

..diciamo che vorrei controllare sia se sia vuoto e che sia di solo testo con lettere minime inseribili...
il fatto è che qualsiasi cosa inserisco tipo onSubmit=ecc. ecc. non viene considerato...e tutto va avanti come se nulla fosse!!!

**artorius** · 29-10-2008, 13:43

Originariamente inviato da peterminnow
..diciamo che vorrei controllare sia se sia vuoto e che sia di solo testo con lettere minime inseribili...

che significa "lettere minime inseribili"?

il fatto è che qualsiasi cosa inserisco tipo onSubmit=ecc. ecc. non viene considerato...e tutto va avanti come se nulla fosse!!!

Se non fai il preventDefault all'evento è abbastanza ovvio che lui va avanti come se nulla fosse...

Codice PHP:


$('form-demo').addEvent('submit', function(evt){

   evt.preventDefault();

   //Il resto delle tua azioni.

})

**peterminnow** · 29-10-2008, 13:46

spetta, spetta!!....fammi un esempio un pochino più completo....non sono cosi bravo per andare avanti da solo!!

**artorius** · 29-10-2008, 13:50

dimmi che hai almeno capito che ho fatto in quelle 3 righe di codice.

(o almeno apri la guida di mootools prima di usarlo http://mootools.net/docs/Native/Even...preventDefault )

e poi non hai risposto alla mia prima domanda: che vuol dire "lettere minime inseribili"?

**peterminnow** · 29-10-2008, 13:56

allore per lettere minime intendo che il controllo di questo campo: <INPUT TYPE=TEXT NAME="nome" size=30 id="nome"> oltre a non essere vuoto devono essere inserite almeno un certo numero di lettere, ad esempio 5.
Per quanto riguarda le 3 righe è chiaro che abbiamo aggiunto un evento "submit"...sempre considerando che il tasto: <input type="submit" value="Submit"> non esiste, ma viene premuto questo: <div id="demo-upload" class="invia">[img]images/go.gif[/img]</div>

**artorius** · 29-10-2008, 14:03

ovvio, ma tu sai che succede se premo invio in un textbox? La form in cui è contentuto lancia il metodo submit().
Per questo devi per forza mettercelo.

Per il controllo devi metterlo all'interno di :

$('demo-upload').addEvent('click', function() {
var checked = true;
//Qui fai il controllo e salvi il risultato in checked
if(checked)
swiffy.upload();
return false;
});

**peterminnow** · 29-10-2008, 14:18

...scusa ma dove lo metto sto "submit"...sto usando questo: Fancyupload

**peterminnow** · 29-10-2008, 14:30

...nulla sto provando....il vuoto completo!!

Discussione: Aggiungi evento di controllo campo testo

Strumenti discussione

Ricerca discussione

Visualizza

Aggiungi evento di controllo campo testo

Permessi di invio