στη φορμα επικοινωνιας πως θα ορισω υποχρεωτικα πεδια ?

geioannou · 28 Φεβρουαρίου 2009

να μην μπορει να στελει μηνυμα χωρις να εχει συμπληρωσει κατι ο επισκεπτης

Uberalles_gr · 28 Φεβρουαρίου 2009

Μία λύση είναι μέσω javascript.

Δηλαδή στο κουμπί Submit της φόρμας σου, θα έχεις την ιδιότητα onClick="return check()".

Έτσι όταν ο άλλο θα πατήσει το κουμπί για να καταχωρήσει την φόρμα τότε θα τον οδηγήσει σε μία συνάρτηση, την check η οποία την γράφεις έτσι

function check()

{

document.ΟΝΟΜΑ_ΦΟΡΜΑΣ.ONOMA_ΠΕΔΙΟΥ.value = ""

{

alert("Πρέπει να συμπληρώσει το ΤΑΔΕ πεδίο");

return false;

}

</script>

geioannou · 1 Μαρτίου 2009

καποτε που ειχε πεσει ενα βιβλιο του dreamweaver θημαμε οτι καπου στις φορμες ελεγε κατι οπου μπορουσες να κανεις αυτο που θελω αλλα μεσα απο το περιβαλλον του dreamweaver και οχι να ανακατευτεις με γλωσσες κλπ....

δεν γινετε καπως ετσι ?

αλλιως πες μου εαν μπορω να παρω το παραπανω που εγραψες και που να το βαλω στην php της φορμας....

alex2005 · 1 Μαρτίου 2009

Θα πρέπει να το βάλεις στο <head> .... </head>

Αλλά όταν ο χρήστης πατάει το "submit" κουμπί τότε πρέπει να καλείς αυτήν την συνάρτηση για να γίνεται ο έλεγχος. Αν ο έλεγχος περάσει τότε πρέπει να κάνεις submit την φόρμα από javascript. (κάνοντας form.submit(); )

nik1992 · 1 Μαρτίου 2009

θα κανεις κλικ πανω στο κουμπι submit της φορμας σου και μετα shift + F4, πας στο behaviors, add behavior -> form validator, και απο εκει απλα τσεκαρεις καποια κουτακια αναλογα με το τι θες

geioannou · 1 Μαρτίου 2009

μιας και δεν εχω καλες σχεσεις απο κωδικα, προτημισα την λυση του nik1992 μιας και μου ειναι πιο ευκολο.

εγινε αυτο που ηθελα απλος εαν μπορουσα οταν βγαινει αναφορα για καποιο πεδιο οπου ο επισκεπτης δεν εχει συμπληρωσει καλο θα ηταν η εξηγηση να ηταν στα ελληνικα....

nik1992 · 1 Μαρτίου 2009

το αλλαζεις μεσα απο τον κωδικα που ειναι στο head αυτο...

geioannou · 1 Μαρτίου 2009

οσα πραγματα πειραξα μεσα απο την κωδικα που βρισκεται η φορμα δεν καταφερα κατι.

μηπως ειναι κατι πιο συνθετο ?

nik1992 · 2 Μαρτίου 2009

ανεβασε τον κωδικα να σου πουμε...

geioannou · 2 Μαρτίου 2009

><form action="/sendmail.php" method="post" name="forma epikoinonias" target="_self" id="forma epikoinonias">
<label></label>
<p>
<label></label>
</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7%"> </td>
<td width="93%" class="style1">Για να επικοινωνήσετε μαζί μας συμπληρώστε την φόρμα.</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td><table width="341" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="132" class="style1">Ονομα</td>
<td width="246"><label>
<input name="firstname" type="text" id="firstname" />
</label></td>
</tr>
<tr>
<td class="style1">Επίθετο</td>
<td><label>
<input name="lastname" type="text" id="lastname" />
</label></td>
</tr>
<tr>
<td class="style1">E-mail</td>
<td><label>
<input name="email" type="text" id="email" />
</label></td>
</tr>
<tr>
<td valign="top" class="style1">Μήνυμα</td>
<td><label>
<textarea name="message" cols="30" rows="10" id="message"></textarea>
</label></td>
</tr>
<tr>
<td valign="top"> </td>
<td><input name="sendmail" type="submit" id="sendmail" onclick="MM_validateForm('firstname','','R','lastname','','R','email','','R','message','','R');return document.MM_returnValue" value="Αποστολή" /></td>
</tr>
</table></td>
</tr>
</table>
<p>
<label></label>
</p>
</form>

αυτη ειναι η φορμα.

ευχαριστω.

nik1992 · 2 Μαρτίου 2009

βαλε και το head ...

geioannou · 2 Μαρτίου 2009

><head>
<link rel="shortcut icon" type="image/ico" href="favicon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mysite - Επικοινωνία</title>
<link href="css/link_white.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #333333;
}
-->
</style>
<meta name=" />
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
 var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
 for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
   if (val) { nm=val.name; if ((val=val.value)!="") {
     if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
       if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
     } else if (test!='R') { num = parseFloat(val);
       if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
       if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
         min=test.substring(8,p); max=test.substring(p+1);
         if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
   } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
 } if (errors) alert('The following error(s) occurred:\n'+errors);
 document.MM_returnValue = (errors == '');
}
//-->
</script>
</head>

<body>
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
   <td><img src="images/epikoinonia/epikoinonia_up.jpg" alt="mysite" width="770" height="104" /></td>
 </tr>
 <tr>
   <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td><img src="images/epikoinonia/epikoinonia_bt_1.jpg" width="219" height="474" border="0" usemap="#Map8" /></td>
       <td width="566" height="472" align="left" valign="middle" background="images/epikoinonia/epikoinonia_txt.jpg"><form action="/sendmail.php" method="post" name="forma epikoinonias" target="_self" id="forma epikoinonias">
         <label></label>
         <p>
           <label></label>
         </p>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                 <tr>
                   <td width="7%"> </td>
                   <td width="93%" class="style1">Για να επικοινωνήσετε μαζί μας συμπληρώστε την φόρμα.</td>
                 </tr>
               </table>
               <table width="100%" border="0" cellspacing="0" cellpadding="10">
                 <tr>
                   <td><table width="341" align="right" cellpadding="0" cellspacing="0">
                     <tr>
                       <td width="132" class="style1">Ονομα</td>
                       <td width="246"><label>
                         <input name="firstname" type="text" id="firstname" />
                       </label></td>
                     </tr>
                     <tr>
                       <td class="style1">Επίθετο</td>
                       <td><label>
                         <input name="lastname" type="text" id="lastname" />
                       </label></td>
                     </tr>
                     <tr>
                       <td class="style1">E-mail</td>
                       <td><label>
                         <input name="email" type="text" id="email" />
                       </label></td>
                     </tr>
                     <tr>
                       <td valign="top" class="style1">Μήνυμα</td>
                       <td><label>
                         <textarea name="message" cols="30" rows="10" id="message"></textarea>
                       </label></td>
                     </tr>
                     <tr>
                       <td valign="top"> </td>
                       <td><input name="sendmail" type="submit" id="sendmail" onclick="MM_validateForm('firstname','','R','lastname','','R','email','','R','message','','R');return document.MM_returnValue" value="Αποστολή" /></td>
                     </tr>
                   </table></td>
                 </tr>
               </table>
             <p>
                 <label></label>
             </p>
       </form>        </td>
     </tr>
   </table></td>
 </tr>
</table>

<map name="Map" id="Map"><area shape="rect" coords="28,21,129,55" href="#" /><area shape="rect" coords="31,70,139,104" href="#" /><area shape="rect" coords="30,122,203,156" href="#" /><area shape="rect" coords="28,175,137,206" href="#" /><area shape="rect" coords="31,222,138,255" href="#" /><area shape="rect" coords="28,270,188,301" href="#" /></map>
<map name="Map2" id="Map2"><area shape="rect" coords="35,127,204,157" href="anazitisi.html" />
</map>
<map name="Map3" id="Map3"><area shape="rect" coords="32,103,203,135" href="anazitisi.html" />
</map>
<map name="Map4" id="Map4"><area shape="rect" coords="32,102,204,135" href="anazitisi.html" />
</map>

<map name="Map5" id="Map5"><area shape="rect" coords="30,2,119,26" href="home.html" />
<area shape="rect" coords="38,86,179,110" href="anazitisi.html" />
</map>
<map name="Map6" id="Map6">
 <area shape="rect" coords="44,81,190,112" href="anazitisi.html" />
</map>
<map name="Map7" id="Map7"><area shape="rect" coords="41,2,119,24" href="home.html" />
<area shape="rect" coords="42,41,134,65" href="parea_text.html" />
<area shape="rect" coords="42,84,190,108" href="anazitisi.html" />
</map>
<map name="Map8" id="Map8">
<area shape="rect" coords="45,42,118,64" href="home.html" />
<area shape="rect" coords="41,84,134,107" href="parea.html" />
<area shape="rect" coords="42,126,189,150" href="anazitisi.html" />
<area shape="rect" coords="43,168,131,189" href="xoros.html" />
<area shape="rect" coords="43,210,133,231" href="thema.html" />
</map>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-5835179-2");
pageTracker._trackPageview();
</script>
</body>
</html>

nik1992 · 2 Μαρτίου 2009

><head>
<link rel="shortcut icon" type="image/ico" href="favicon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mysite - Επικοινωνία</title>
<link href="css/link_white.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
   background-color: #333333;
}
-->
</style>
<meta name=" />
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
 var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
 for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
   if (val) { nm=val.name; if ((val=val.value)!="") {
     if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
       if (p<1 || p==(val.length-1)) errors+='- '+nm+' [color=Red]must contain an e-mail address.[/color]\n';
     } else if (test!='R') { num = parseFloat(val);
       if (isNaN(val)) errors+='- '+nm+' [color=Red]must contain a number[/color].\n';
       if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
         min=test.substring(8,p); max=test.substring(p+1);
         if (num<min || max<num) errors+='- '+nm+' [color=Red]must contain a number between [/color]'+min+' [color=Red]and [/color]'+max+'.\n';
   } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
 } if (errors) alert('[color=Red]The following error(s) occurred[/color]:\n'+errors);
 document.MM_returnValue = (errors == '');
}
//-->
</script>
</head>

<body>
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
   <td><img src="images/epikoinonia/epikoinonia_up.jpg" alt="mysite" width="770" height="104" /></td>
 </tr>
 <tr>
   <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
       <td><img src="images/epikoinonia/epikoinonia_bt_1.jpg" width="219" height="474" border="0" usemap="#Map8" /></td>
       <td width="566" height="472" align="left" valign="middle" background="images/epikoinonia/epikoinonia_txt.jpg"><form action="/sendmail.php" method="post" name="forma epikoinonias" target="_self" id="forma epikoinonias">
         <label></label>
         <p>
           <label></label>
         </p>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                 <tr>
                   <td width="7%"> </td>
                   <td width="93%" class="style1">Για να επικοινωνήσετε μαζί μας συμπληρώστε την φόρμα.</td>
                 </tr>
               </table>
               <table width="100%" border="0" cellspacing="0" cellpadding="10">
                 <tr>
                   <td><table width="341" align="right" cellpadding="0" cellspacing="0">
                     <tr>
                       <td width="132" class="style1">Ονομα</td>
                       <td width="246"><label>
                         <input name="firstname" type="text" id="firstname" />
                       </label></td>
                     </tr>
                     <tr>
                       <td class="style1">Επίθετο</td>
                       <td><label>
                         <input name="lastname" type="text" id="lastname" />
                       </label></td>
                     </tr>
                     <tr>
                       <td class="style1">E-mail</td>
                       <td><label>
                         <input name="email" type="text" id="email" />
                       </label></td>
                     </tr>
                     <tr>
                       <td valign="top" class="style1">Μήνυμα</td>
                       <td><label>
                         <textarea name="message" cols="30" rows="10" id="message"></textarea>
                       </label></td>
                     </tr>
                     <tr>
                       <td valign="top"> </td>
                       <td><input name="sendmail" type="submit" id="sendmail" onclick="MM_validateForm('firstname','','R','lastname','','R','email','','R','message','','R');return document.MM_returnValue" value="Αποστολή" /></td>
                     </tr>
                   </table></td>
                 </tr>
               </table>
             <p>
                 <label></label>
             </p>
       </form>        </td>
     </tr>
   </table></td>
 </tr>
</table>

<map name="Map" id="Map"><area shape="rect" coords="28,21,129,55" href="#" /><area shape="rect" coords="31,70,139,104" href="#" /><area shape="rect" coords="30,122,203,156" href="#" /><area shape="rect" coords="28,175,137,206" href="#" /><area shape="rect" coords="31,222,138,255" href="#" /><area shape="rect" coords="28,270,188,301" href="#" /></map>
<map name="Map2" id="Map2"><area shape="rect" coords="35,127,204,157" href="anazitisi.html" />
</map>
<map name="Map3" id="Map3"><area shape="rect" coords="32,103,203,135" href="anazitisi.html" />
</map>
<map name="Map4" id="Map4"><area shape="rect" coords="32,102,204,135" href="anazitisi.html" />
</map>

<map name="Map5" id="Map5"><area shape="rect" coords="30,2,119,26" href="home.html" />
<area shape="rect" coords="38,86,179,110" href="anazitisi.html" />
</map>
<map name="Map6" id="Map6">
 <area shape="rect" coords="44,81,190,112" href="anazitisi.html" />
</map>
<map name="Map7" id="Map7"><area shape="rect" coords="41,2,119,24" href="home.html" />
<area shape="rect" coords="42,41,134,65" href="parea_text.html" />
<area shape="rect" coords="42,84,190,108" href="anazitisi.html" />
</map>
<map name="Map8" id="Map8">
<area shape="rect" coords="45,42,118,64" href="home.html" />
<area shape="rect" coords="41,84,134,107" href="parea.html" />
<area shape="rect" coords="42,126,189,150" href="anazitisi.html" />
<area shape="rect" coords="43,168,131,189" href="xoros.html" />
<area shape="rect" coords="43,210,133,231" href="thema.html" />
</map>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-5835179-2");
pageTracker._trackPageview();
</script>
</body>
</html>

με κοκκινο.....

geioannou · 2 Μαρτίου 2009

τα must contain a number between δεν το καταλαβα. αν και τα αλλαξα δεν εγινε τιποτα.

στο πεδιο The following error(s) occurred εβαλα αυτο που ηθελα εγω να λεει και εβγαλα και απο την παραπανω γραμμη το is required και αφησα μονο να λεει

ονομα

επιθετο

μαιλ

μυνημα

μπηκα στη λογικη....

ευχαριστω πολυ για την καθοδηγηση

Σύνδεση

στη φορμα επικοινωνιας πως θα ορισω υποχρεωτικα πεδια ?

Προτεινόμενες αναρτήσεις

geioannou

Uberalles_gr

geioannou

alex2005

nik1992

geioannou

nik1992

geioannou

nik1992

geioannou

nik1992

geioannou

nik1992

geioannou

Αρχειοθετημένο

Σύνδεση