javascript για functions φορμας!πώς τυπώνω στοιχεία?

[trilos021]

Παίδες καλησπέρα,

Έχω φτιάξει μια φόρμα που όταν γίνεται submit πραγματοποιούνται κάποιοι έλεγχοι.Αν προκύψει σφάλμα εμφανίζεται κάποιο alert.Το validate γίνεται με javascript.

>
<tr>
   <th scope="row">Όνομα:</th>
   <td><label for="name"></label>
     <input type="text" name="name" id="name" /></td>
 </tr>
 <tr>
   <th scope="row">Επώνυμο:</th>
   <td><label for="eponimo"></label>
     <input type="text" name="eponimo" id="eponimo" /></td>
 </tr>
 <tr>
   <th scope="row">Φύλο:</th>
   <td><p>
     <label>
       <input name="filo" type="radio" id="filo_0" value="man" checked />
       Άντρας</label>
     <br />
     <label>
       <input type="radio" name="filo" value="woman" id="filo_1" />
       Γυναίκα</label>
     <br />
   </p></td>
 </tr>
 <tr>
   <th scope="row">Email:</th>
   <td><label for="email"></label>
     <input type="text" name="email" id="email" /></td>
 </tr>
 <tr>
   <th scope="row"> </th>
   <td>About us</td>
 </tr>
 <tr>
   <th scope="row"><input type="submit" name="summary" id="summary" value="Summary" /> 
      <input type="button" name="reset" id="reset" value="Reset" /></th>
   <td> </td>
 </tr>

>
//-----------------------------------------------------------------------------------------
//Έλεγχος ο οποίος θα πραγματοποιήται μόλις ο χρήστης πατήσει το κουμπί "Summary" (δηλ. κάνει submit)"
function elenxos(){
//ορισμός μεταβλητών από τα πεδία της φόρμας
var name = document.getElementById('name');//για το όνομα
var eponimo = document.getElementById('eponimo');//για το επώνυμο
var email = document.getElementById('email');//για το email
var panepistimio = document.getElementById('panepistimio');//για το email
if(adeia_pedia(name, "Παρακαλώ συμπληρώστε όνομα!")){//ελεγχος ονόματος
if(adeia_pedia(eponimo, "Παρακαλώ συμπληρώστε επώνυμο!")){//έλεγχος επωνύμου
	if(email_elegxos(email, "Παρακαλώ συμπληρώστε σωστό email!")){//έλεγχος email
	
	}
}
}
return false;
}


//---------------------------------------------------------------------------------------
//συνάρτηση για ελεγχο των κενών πεδίων
function adeia_pedia(elem, minima){
if(elem.value.length == 0){//αν βρει το πεδίο κενό
	alert(minima);
	elem.focus(); //ο κέρσορας πηγαίνει στο πεδιο name
	return false;
}else{


return true;
}
}

//---------------------------------------------------------------------------------------
//συνάρτηση για ελεγχο του email
function email_elegxos(elem, minima){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;//έλεγχος χαρακτήρων email
if(elem.value.match(emailExp)){//αν είναι σωστό
	return true;
}else{
	alert(minima);
	elem.focus();//εστιαζει ο κέρσορας στο πεδίο email
	return false;
}
}

To θέμα είναι πως μπορώ να δηλώσω να εμφανίζεται κάποιο alert που να εμφανίζει τα στοιχεια όνομα επωνυμο και mail αν αυτά είναι σωστά?μπορεί να μπει μέσα στη συνάρτηση elenxos()?

[Uberalles_gr]

Εάν κατάλαβα καλά θες εάν έχει συμπληρώσει σωστά ο χρήστης την φόρμα, τότε να βγαίνει ένα μήνυμα με τις επιλογές τους;;;;

 

Εάν ναι

>
alert("Όνομα:"+document.getElementById('name').value+"\nΕπώνυμο:"+document.getElementById('eponimo').value);

 

Εάν όχι, μπορείς να γίνεις πιο κατατοπιστικός;

[trilos021]

ναι ακριβώς αυτό!το θέμα είναι που ακριβώς θα γράψω αυτή τη γραμμή κώδικα?

[Uberalles_gr]

Στο τέλος της function

[trilos021]

το βάζω εδώ αλλά δε λειτουργεί

>//Έλεγχος ο οποίος θα πραγματοποιήται μόλις ο χρήστης πατήσει το κουμπί "Summary" (δηλ. κάνει submit)"
function elenxos(){
//ορισμός μεταβλητών από τα πεδία της φόρμας
var name = document.getElementById('name');//για το όνομα
var eponimo = document.getElementById('eponimo');//για το επώνυμο
var email = document.getElementById('email');//για το email
var panepistimio = document.getElementById('panepistimio');//για το email
if(adeia_pedia(name, "Παρακαλώ συμπληρώστε όνομα!")){//ελεγχος ονόματος
if(adeia_pedia(eponimo, "Παρακαλώ συμπληρώστε επώνυμο!")){//έλεγχος επωνύμου
	if(email_elegxos(email, "Παρακαλώ συμπληρώστε σωστό email!")){//έλεγχος email
	
	}
}
}

return false;
alert("Όνομα:"+document.getElementById('name').value+"\nΕπώνυμο:"+document.getElementById('eponimo').value);

}

 

επίσης αν βγάλω το return false; στο τέλος αν κάνω κάπου λάθος μου βγαζει το μήνυμα "Παρακαλώ συμπληρώστε ....κτλ κτλ" και μετά μου πετάει το alert.Εγώ θέλω να μου το βγάζει αυτό αν είναι όλα σωστά στη φόρμα

[Uberalles_gr]

>
function elenxos()
{
 var required_fields = new Array("name","eponimo","email","panepistimio");
 var required_description = new Array("Όνομα","Επώνυμο","Email","Πανεπιστήμιο");

 <!-- Έλεγχος για το εάν τα πεδία που είναι υποχρεωτικά έχουν κάποια τιμή  -->
 for(var i=0; i<required_fields.length; i++)
 {
   if (document.ΟΝΟΜΑ_ΦΟΡΜΑΣ.elements[required_fields[i]].value.length == 0)
   {
     alert("Παρακαλώ συμπληρώστε το πεδίο '"+required_description[i]+"'.");
     document.ΟΝΟΜΑ_ΦΟΡΜΑΣ.elements[required_fields[i]].focus();
     return false;
   }
 }

 var email = document.getElementById('email');   
 if (checkEmail(email ) == false)
 {
   return false;
 }

 alert("Όνομα:"+document.getElementById('name').value+"\nΕπώνυμο:"+document.getElementById('eponimo').value);


 return true;
}

function checkEmail()
{
 var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
 if (!filter.test(email.value))
 {
   alert('Το E-mail που δώσατε δεν είναι έγκυρο');
   email.focus();
   return false;
 }
}

 

Λογικά θα παίζει

(Θα πρέπει να αλλάξεις το ΟΝΟΜΑ_ΦΟΡΜΑΣ με το όνομα της φόρμας σου)

[trilos021]

λειτουργεί!!!χίλια ευχαριστώ για τη βοήθεια!