Div, form e riferimenti agli oggetti

BobPhis

Nuovo Utente
2 Giu 2007
2
0
0
Salve,

ho un piccolo grande problema; ho collocato all'interno di un DIV un form con alcuni campi; il problema è che ho scritto una piccola funzione per controllare che, all'atto dell'invio del form, i campi non siano vuoti. Il problema sorge in quanto non riesco a comprendere come far riferimento agli elementi del form per controllare che la proprietà value sia non vuota. Ho fatto delle prove cercando di ottenere il valore presente nel campo, ma nulla di fatto.....Ringrazio anticipatamente tutti coloro che vorranno darmi indicazioni. Di seguito riporto il codice.


<div id="Div1">
<script type="text/javascript">
function controlla(){
alert(document.getElementById('frmref').nominativo.value);
}
</script>
<form name="frm_ref" id="frmref" method="post" onsubmit="controlla()">
<table width="400" border="0" cellspacing="0" cellpadding="0" class="testo_norm">
<tr>
<td width="80">Titolo:</td>
<td width="320">
<select name="titolo" class="testo_norm">
<option value="1" selected>Sig.</option>
<option value="2">Sig.ra</option>
</select>
</td>
</tr>
<tr>
<td width="80">Nominativo:</td>
<td width="320">
<input type="text" name="nominativo" size="50" maxlength="60" class="testo_norm" value="">
</td>
</tr>
<tr>
<td width="80"> </td>
<td width="320" align="right" valign="middle">
<input type="submit" name="Submit" value="Registra" class="testo_norm">
</td>
</tr>
<tr>
<td width="80"> </td>
<td width="320"> </td>
</tr>
</table>
</form>
 

PoLe

MRW Moderator
6 Giu 2005
2.210
3
0
38
.: Venezia :.
www.bzconsulting.it
Ciao :)

Per fare una cosa del genere in Javascript, la cosa migliore è eliminare l'input SUBMIT ed inserire un semplice bottone:
Codice:
<input type='button' value='Testo_Bottone' onclick='javascript:controlla();'>
Poi, inserirai nella funzione controlla() un controllo, che se verificherà l'esattezza del compilamento del modulo avvierà il submit del form:
Codice:
if(controllo=="ok"){
document.forms.nome_form.submit();
}

:byebye:
 

BobPhis

Nuovo Utente
2 Giu 2007
2
0
0
Salve,

innanzitutto ti ringrazio per il tuo interessamento e per la risposta.
Purtroppo il problema è più complesso di quanto mi aspettassi inizialmente. Mi spiego: il tutto nasce dalll'utilizzo del form all'interno di un generatore di finestre di popup opensource molto carino, OpenPopUps (http://www.openwebware.com), che funziona benissimo per finestre a contenuto statico. Per esigenze di sviluppo, avevo pensato di inserirvi dentro un form per l'immissione di dati secondari. Il fatto è che non riesco a leggere i valori dei campi con funzioni javascript come quella che gentilmente mi segnalavi.
In realtà ho provato anche ad assegnare un id a ciascun campo per poi leggerne il valore attraverso la sintassi document.getElementById('nome_campo').value; il tutto funziona perfettamente se il form è inserito nella pagina html ma non se inserito nel DIV richiesto per far funzionare la finestra.
Ritengo che il problema nasca dal fatto che la finestra di popup viene "costruita" attraverso codice javascript che rimescola in un qualche modo le carte ma, essendo poco pratico di javascript, mi sfugge il perchè (anche dopo un primo esame del codice che permette di generare la finestra). Da neofita, pensavo banalmente di poter ottenere i valori (a me necessari) attraverso i metodi sopra descritti, ma non è così: l'unica cosa che riesco ad ottenere sono i valori di inizializzazione di value inseriti all'interno del tag del campo (ovvero, se specifico value="pippo", la lettura di document.getelementbyid('nome_campo').value non mi ritorna il valore inserito all'interno del campo ma quello di inizializzazione).
E' come se il submit del form non venisse eseguito appieno...???
Se interessa potrei riportare il codice completo sia della pagina html sia del generatore di popup per porlo all'attenzione. Grazie.
 

PoLe

MRW Moderator
6 Giu 2005
2.210
3
0
38
.: Venezia :.
www.bzconsulting.it
Capisco :)

Mi spiace ma tramite javascript non puoi far nulla di tutto ciò, perchè javascript non permette di passare valori da una pagina ad un'altra.

L'unica è utilizzare linguaggi lato server come ASP o PHP

Facci sapere se hai bisogno di ulteriori delucidazioni in proposito
:byebye:
 
Discussioni simili
Autore Titolo Forum Risposte Data
paloppa Div che appare appena due form sono compilati jQuery 16
G validazione form con div tipo alert jQuery 0
C Form con dentro div errore validatore w3c HTML e CSS 6
A Visible DIV da form Ajax 0
F E' possibile far comparire una scritta in un div al cambio di un valore di un form text??? Javascript 2
D Form e testo dinamico in un DIV... Ajax 7
P Predefinito Controllo campi form contenuto in un DIV Classic ASP 0
E inserimento form in tag div HTML e CSS 4
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A JAVASCRIPT ELIMINAZIONE DIV DINAMICO SU SITO Offerte e Richieste di Lavoro e/o Collaborazione 3
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Invertire DIV su dispositivi mobile HTML e CSS 2
A Javascript Nascondere Div con id numerico dinamico Javascript 18
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
S [javascript] visualizzare/nascondere div Javascript 3
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
D [HTML] Frameset e Div HTML e CSS 8
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
L php - pulsante premuto che mostra #div PHP 3
S [HTML] Div visibile o nascosto al passaggio del mouse HTML e CSS 3
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
M Ottenere i valori di una proprietà su un array di oggetti (es. DIV) in JavaScript Javascript 7
C Nascondere un div al click di una casella Ajax 1
S [HTML] Distanza esatta tra due div HTML e CSS 7
G [HTML] Posizionamento testo in un div HTML e CSS 5
trattorino css solo se richiama un class di un div HTML e CSS 1
G [HTML] Bordo bianco sotto immagine in un Div HTML e CSS 1

Discussioni simili