Aggiungi evento di controllo campo testo

peterminnow · 29 Ott 2008

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:

HTML:

<!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">&nbsp;</td> 
      <td width="600" height="162" valign="bottom" background="http://forum.mrwebmaster.it/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"><b></b></div></td> 
              <td width="200"><div align="right"><a href="guida.html" target="_parent" class="Stile1"><strong>Guida (?)</strong></a></div></td> 
            </tr> 
          </table> 
          <strong></strong></div></td> 
      <td class="header-bg">&nbsp;</td> 
    </tr> 
  </table> 
</div> 
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#333333"> 
  <tr> 
    <td> <form action="script.php" 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"><a href="#" id="load"><img src="http://forum.mrwebmaster.it/images/load.gif" id="load_img" alt="" /></a></div></td> 
              <td width="185"><div id="demo-clear" class="clear"><a href="#" id="cancella"><img src="http://forum.mrwebmaster.it/images/cancella.gif" id="cancella_img" alt="" /></a></div></td> 
              <td width="120"><div id="demo-upload" class="invia"><a href="#" id="go"><img src="http://forum.mrwebmaster.it/images/go.gif" id="go_img" alt="" /></a></div></td> 
            </tr> 
          </table> 
          <br /><br />
        <div>
            <strong class="overall-title">Dimensione Totale (0 kB)</strong><br />
            <img src="http://forum.mrwebmaster.it/images/bar.gif" class="progress overall-progress" />
        </div></br>
        <div>
            <strong class="current-title">Invio</strong><br />
            <img src="http://forum.mrwebmaster.it/images/bar.gif" class="progress current-progress" />
        </div>
        <div class="current-text"></div><br>
        <ul id="demo-list"></ul>
    </div><div><INPUT TYPE=TEXT NAME="nome" size=30 id="nome">
</div>
      </form>      </td> 
  </tr> 
</table>


</div> 
 
</body>
</html>

grazie un saluto a tutti

lukeonweb · 2 Nov 2008

Sulla casella di testo puoi usare onchange:

<input type="text" ... onchange="funzione(parametri)">

Fammi sapere!

peterminnow · 3 Nov 2008

grazie, ho risolto cosi:

$('demo-upload').addEvent('click', function() {
var checked = true;
var value = $('nome').getProperty('value');
var sel = $('formato').getSelected();
var reg = /^([a-zA-Z0-9-]+)$/
if(value.length < 5 || !reg.test(value)){
checked = false;
alert("BLA BLA BLA A-Z a-z 0-9 ecc...)");
}
if(!sel[0].value)
{
checked = false;
alert("E' necessario selezionare un formato!");
}
if(checked)
swiffy.upload();
return false;

peterminnow · 3 Nov 2008

Inserimento campo mail

cmq vorri inserire anche un campo mail...solo che il solito problema..per ogni file invia una mail, come si potrebbe fare?

lukeonweb · 3 Nov 2008

Scusa, che intendi???

peterminnow · 3 Nov 2008

inserire un semplice campo mail:

<input name="mail" type="text">

lukeonweb · 3 Nov 2008

Si, ma dov'è il problema che ti affligge?

Aggiungilo e controllalo... non sai come fare?

peterminnow · 3 Nov 2008

esatto..perche se partiamo dal codice che ho inserito all'inizio, viene chiamata la pagina script.php per ogni file che è stato inderito nel form, quindi se inserisco ovviamente qualcosa del tipo $_POST_DATA['email'] ecc. mi viene richiamato ogni volta!!!

lukeonweb · 3 Nov 2008

Perdonami... rileggiti e fai finta di non essere tu ad avere il problema: ti sei capito? io non capisco, scusa

peterminnow · 3 Nov 2008

dunque....
per inviare una mail si crea un form:

HTML:

<form>
<input name="email" type="text" value="" size="40"> 
</form>

poi i dati vengono passati al file script.php che riceve i dati e invia la mail

questo è il punto!!!...siccome nel caso di inserimento di file multipli il file script.php viene ogni volta richiamato.....sarebbe credo il caso di non inserire il campo mail nel form ma nel codice javascript!!!

lukeonweb · 3 Nov 2008

Partiamo da un altro presupposto: si tratta di uno script per l'upload? che intendi per invio di file multipli? poi cosa intendi (e che vuol dire) mettere il campo mail nel JS e non nel form?

Scusa se ti rispondo con delle domande, ma sul serio faccio moltissima fatica a seguirti.

peterminnow · 3 Nov 2008

dunque....ripartiamo dal form:

HTML:

<form action="script.php?" method="post" enctype="multipart/form-data" id="form-demo" > 
<input name="email" type="text" value="" size="40"> 
</form>

poi in script.php ci sara il controllo dei dati ricevuti e l'invio della mail.

Il fatto sta proprio in questo approccio, perche nel caso di file multipli inseriti nel form, lo script viene chiamato ogni volta...e quindi una mail per ogni file.

Cerca

Cerca

Aggiungi evento di controllo campo testo

peterminnow

Nuovo Utente

lukeonweb

Utente Attivo

peterminnow

Nuovo Utente

peterminnow

Nuovo Utente

lukeonweb

Utente Attivo

peterminnow

Nuovo Utente

lukeonweb

Utente Attivo

peterminnow

Nuovo Utente

lukeonweb

Utente Attivo

peterminnow

Nuovo Utente

lukeonweb

Utente Attivo

peterminnow

Nuovo Utente

Discussioni simili