Aggiungi evento di controllo campo testo

[artorius]

allora, l'evento onSubmit è SOLO su di un elemento form, quindi lo inserisci sull'elemento form. Io dicevo di usarlo per evitare che uno preme invio in un textfield e la form effettua il submit.

Il controllo lo metti nell'evento onClick del link a#demo-upload, prima di fare swiffy.upload(); fai tutti i controlli che ti servono e se il risultato del controlli è positivo effettui l'upload, altrimenti fai visualizzare un messaggio di errore.

[peterminnow]

Ti ringrazio veramente tantissimo...mi sono letto e provato quanto mi hai detto Mootols ....ma io non riesco...non riesco in poche parole a mettere insieme il codice!


Sto facendo delle prove come questa:

<input id="myCheckbox" type="checkbox" />

$('myCheckbox').addEvent('click', function(){
alert('clicked!');
swiffy.upload();
return false;
});

per cercare di capire come funziona un alert e sembra funzionare.....ma rimango fermo qui!!!

[artorius]

che cosa vuoi fare?

[peterminnow]

allora questo e la parte script:


<script type="text/javascript">

window.addEvent('load', function() {

var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
'url': $('form-demo').action,
'fieldName': 'photoupload',
'path': '../../source/Swiff.Uploader.swf',
'onLoad': function() {
$('demo-status').removeClass('hide');
$('demo-fallback').destroy();
}
});

/**
* Various interactions
*/

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

$('demo-browse-images').addEvent('click', function() {
swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
return false;
});

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

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

});

</script>



questo il form:


<form action="/project/fancyupload/2-0/showcase/photoqueue/script.php" method="post" enctype="multipart/form-data" id="form-demo">
<fieldset id="demo-fallback">
<legend>File Upload</legend>
<label for="demo-photoupload">

<input type="file" name="photoupload" id="demo-photoupload" />
</label>
</fieldset>

<div id="demo-status" class="hide">



Browse Files |
Browse Only Images |
Clear List |
Upload
</p>
<div>
<strong class="overall-title">Overall progress[/b]

[img]../../assets/progress-bar/bar.gif[/img]
</div>
<div>
<strong class="current-title">File Progress[/b]

[img]../../assets/progress-bar/bar.gif[/img]

<div><input name="nome" type="text" /></div>

</div>
<div class="current-text"></div>
</div>

<ul id="demo-list">[/list]

</form>




In Rosso il campo testo che vorrei "validare"

[artorius]

nell'html modifica

<div><input name="nome" type="text" /></div>

in

<div><input name="nome" type="text" id="nome" /></div>


Poi modifichi il codice JS

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

in

$('demo-upload').addEvent('click', function() {
var checked = true;
var value = $('nome').getProperty('value');

if(value.length < 5)
checked = false;

if(checked)
swiffy.upload();
else
alert("Il campo nome deve essere di almeno 5 caratteri");

return false;
});

[peterminnow]

Grandeeeeee!!!...perfetto!!!


se volessi escludere i numeri ed abilitare solo letter..tipo A-Z a-z?


poi un'altra domanda nello stesso form vorrei inserire anche un SELECT...come mi comporto sempre nello stesso modo?

[peterminnow]

al momento ho provato cosi...certo la parte select un po schifosa..si potrebbe migliorare, però sunziona, nel senso che bisogna cmq selezionarla

<div align="center">

<input name="nome" type="text" id="nome" />

<SELECT size=1 NAME="formato" id="formato" >
<OPTION selected Value=>
<OPTION Value="Internet"> Internet
<OPTION Value="Sport"> Sport
<OPTION Value="Altro"> Altro
</select>
</div>



$('demo-upload').addEvent('click', function() {
var checked = true;
var value = $('nome').getProperty('value');
var value = $('formato').getProperty('value');

if(value.length < 5)
checked = false;

if(checked)
swiffy.upload();
else
alert("Il campo nome deve essere di almeno 5 caratteri");

return false;
});

[artorius]

$('demo-upload').addEvent('click', function() {
var checked = true;
var value = $('nome').getProperty('value');
var sel = $('formato').getSelected();

var reg = /^([a-zA-Z]+)$/

if(value.length < 5 || !reg.test(value)){
checked = false;
alert("Il campo nome deve essere di almeno 5 caratteri non numerici");
}

if(!sel[0].value)
{
checked = false;
alert("E' necessario selezionare un formato");
}

if(checked)
swiffy.upload();

return false;
});

[peterminnow]

...senza di te ero NULLA!!!....non aggiungo altro!