Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από Andreas_O » 17 Φεβ 2008 00:40

Καλησπέρα.
Εδώ θα σας δείξω τον απλότερο τρόπο να κάνετε μια φόρμα επικοινωνίας κλπ , να εχει κάποια υποχρεωτικά πεδία στο Dreamweaver.

Εδώ έχουμε μία φόρμα επικοινωνίας:

Εικόνα

Πηγαίνουμε στο μενού "Behaviors"

Εικόνα

Επιλέγουμε form validation και μας εμφανίζεται αυτό το παράθυρο:

Εικόνα

Μετά επιλέγουμε το πεδίο που θέλουμε να έχει απαραίτητα email και επιλέγουμε αυτά που σημειώνονται στην εικόνα:


Εικόνα

Στο επόμενο πεδίο που είναι για το μήνυμα:

Εικόνα

Και πατάμε OK.

Μετά ανοίγουμε την σελίδα σε ένα browser, δεν συμπληρώνουμε κανένα πεδίο και πατάμε "Αποστολή"

Το javascript μήνυμα μας ειδοποιεί ότι κάτι δεν έχουμε συμπληρώσει.

Μετά συμπληρώνουμε ένα λανθασμένο email και ένα μήνυμα και βλέπουμε:

Εικόνα, αυτό γίνεται γιατί έχουμε επιλέξει πιο πριν στο πεδίο email να ζητάει e-mail διεύθυνση.

Τώρα μπορείτε από εδώ:
Εικόνα να αλλάξετε τα μηνύματα.

Καλή επιτυχία,
καλή νύχτα και καλά...χιόνια :)
;]


Άβαταρ μέλους
hik-hok
Reporter
Δημοσιεύσεις: 3571
Εγγραφή: 09 Μαρ 2003 10:45
Τοποθεσία: Agrrrrrrrrrr...... γάβ γάβ!!
Επικοινωνία:

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από hik-hok » 17 Φεβ 2008 09:13

γράψε για ποιο πρόγραμμα αναφέρεσαι
Εικόνα

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από Andreas_O » 17 Φεβ 2008 10:13

Το ξέχασα :oops:

Αναφέρομαι στο πρόγραμμα Dreamweaver :wink:
;]

Άβαταρ μέλους
iNDEFiX
Honorary Member
Δημοσιεύσεις: 2569
Εγγραφή: 20 Δεκ 2002 00:48
Τοποθεσία: κλειστή λόγω έργων
Επικοινωνία:

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από iNDEFiX » 17 Φεβ 2008 13:14

Και ένα μικρό validation απο πλευράς server για το syntax του e-mail και MX Verification

Κώδικας: Επιλογή όλων

<?php

function validate_email&#40;$email&#41;
&#123;

   // Validate proper e-mail syntax
   $regexp = "^&#40;&#91;_a-z0-9-&#93;+&#41;&#40;\.&#91;_a-z0-9-&#93;+&#41;*@&#40;&#91;a-z0-9-&#93;+&#41;&#40;\.&#91;a-z0-9-&#93;+&#41;*&#40;\.&#91;a-z&#93;&#123;2,4&#125;&#41;$";
   
   $valid = 0;

   // Validate the syntax
   if &#40;eregi&#40;$regexp, $email&#41;&#41;
   &#123;
      list&#40;$username,$domaintld&#41; = split&#40;"@",$email&#41;;
      
      // Validate the domain
      if &#40;getmxrr&#40;$domaintld,$mxrecords&#41;&#41;
         $valid = 1;
      &#125; else &#123;
      	 $valid = 0;
      &#125;

   return $valid;

&#125;

$email = "test@domain.gr";

if &#40;validate_email&#40;$email&#41;&#41;
   echo "Email is valid!";
else
   echo "Email is not valid!";

?>

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από Andreas_O » 17 Φεβ 2008 14:23

iNDEFiX έγραψε:Και ένα μικρό validation απο πλευράς server για το syntax του e-mail και MX Verification

Κώδικας: Επιλογή όλων

<?php

function validate_email&#40;$email&#41;
&#123;

   // Validate proper e-mail syntax
   $regexp = "^&#40;&#91;_a-z0-9-&#93;+&#41;&#40;\.&#91;_a-z0-9-&#93;+&#41;*@&#40;&#91;a-z0-9-&#93;+&#41;&#40;\.&#91;a-z0-9-&#93;+&#41;*&#40;\.&#91;a-z&#93;&#123;2,4&#125;&#41;$";
   
   $valid = 0;

   // Validate the syntax
   if &#40;eregi&#40;$regexp, $email&#41;&#41;
   &#123;
      list&#40;$username,$domaintld&#41; = split&#40;"@",$email&#41;;
      
      // Validate the domain
      if &#40;getmxrr&#40;$domaintld,$mxrecords&#41;&#41;
         $valid = 1;
      &#125; else &#123;
      	 $valid = 0;
      &#125;

   return $valid;

&#125;

$email = "test@domain.gr";

if &#40;validate_email&#40;$email&#41;&#41;
   echo "Email is valid!";
else
   echo "Email is not valid!";

?>
Μπράβο ο iNDEFIx :) 8)
;]

Άβαταρ μέλους
loxy
Δημοσιεύσεις: 208
Εγγραφή: 17 Ιούλ 2007 01:18

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από loxy » 19 Φεβ 2008 02:13

Την καταλληλη ωρα το τοπικ...
Ωραια :D

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από Andreas_O » 19 Φεβ 2008 10:03

loxy έγραψε:Την καταλληλη ωρα το τοπικ...
Ωραια :D
Χαίρομαι :D
;]


Άβαταρ μέλους
eurofan
Δημοσιεύσεις: 18
Εγγραφή: 09 Μαρ 2008 04:00
Τοποθεσία: Cyprus

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από eurofan » 06 Ιούλ 2008 03:57

file hik-hok ehi anaferei apo tin arhi se pio programma anaferete o an8ropos. den diavases kala ;-) na sou to kano copy paste na to deis? .....

(Καλησπέρα.
Εδώ θα σας δείξω τον απλότερο τρόπο να κάνετε μια φόρμα επικοινωνίας κλπ , να εχει κάποια υποχρεωτικά πεδία στο Dreamweaver. )
eurosprofile
Εικόνα

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από korgr » 07 Ιαν 2009 14:47

Να προσθέσω και εγώ μια τροποποιημένη εκδοχή της mail validation function του DW όπου τα μηνύματα λάθους είναι ελληνικά και δεν αναφέρονται πουθενά τα variable names (πράγμα όχι και πολύ κομψό για τον χρήστη όταν διαβάζει "- tel πρέπει να συμπληρωθεί" αντί του "- Το πεδίο «Τηλέφωνο Επικοινωνίας» πρέπει να συμπληρωθεί.")

Το μόνο που χρειάζεται είναι να ορίζετε τον πίνακα desc:

Κώδικας: Επιλογή όλων

function MM_validateForm&#40;&#41; &#123;

var desc = new Array;
desc&#91;'name'&#93;="Ονοματεπώνυμο";
desc&#91;'address'&#93;="Διεύθυνση";
desc&#91;'phone'&#93;="Τηλέφωνο Επικοινωνίας";
desc&#91;'email'&#93;="e-mail";
// γενικά ως key κάθε εγγραφής του πίνακα desc βάζουμε το ανάλογο όνομα της μεταβλητής της φόρμας και ως τιμή την μετάφρασή του στα ελληνικά &#40;ή άλλη γλώσσα&#41;

if &#40;document.getElementById&#41;&#123;
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for &#40;i=0; i<&#40;args.length-2&#41;; i+=3&#41; &#123; test=args&#91;i+2&#93;; val=document.getElementById&#40;args&#91;i&#93;&#41;;
if &#40;val&#41; &#123; nm=val.name; if &#40;&#40;val=val.value&#41;!=""&#41; &#123;
if &#40;test.indexOf&#40;'isEmail'&#41;!=-1&#41; &#123; p=val.indexOf&#40;'@'&#41;;
if &#40;p<1 || p==&#40;val.length-1&#41;&#41; errors+='- Το πεδίο «' + desc&#91;nm&#93; + '»  πρέπει να περιέχει e-mail διεύθυνση.\n';
&#125; else if &#40;test!='R'&#41; &#123; num = parseFloat&#40;val&#41;;
if &#40;isNaN&#40;val&#41;&#41; errors+='- Το πεδίο «' + desc&#91;nm&#93; + '» πρέπει να περιέχει αριθμό.\n';
if &#40;test.indexOf&#40;'inRange'&#41; != -1&#41; &#123; p=test.indexOf&#40;'&#58;'&#41;;
min=test.substring&#40;8,p&#41;; max=test.substring&#40;p+1&#41;;
if &#40;num<min || max<num&#41; errors+='- Το πεδίο «' + desc&#91;nm&#93; + '» πρέπει να περιέχει μια τιμή μεταξύ '+min+' και '+max+'.\n';
&#125; &#125; &#125; else if &#40;test.charAt&#40;0&#41; == 'R'&#41; errors += '- Το πεδίο «' + desc&#91;nm&#93; + '» πρέπει να συμπληρωθεί.\n';  &#125;
&#125;
if &#40;errors&#41; alert&#40;'Βρέθηκαν τα ακόλουθα σφάλματα&#58;\n\n'+errors&#41;;

document.MM_returnValue = &#40;errors == ''&#41;;
&#125; 
&#125;

Άβαταρ μέλους
Andreas_O
Honorary Member
Δημοσιεύσεις: 1621
Εγγραφή: 14 Σεπ 2007 17:22
Τοποθεσία: Aθήνα
Επικοινωνία:

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από Andreas_O » 07 Ιαν 2009 19:06

Σωστό, ευκολο και απλό;)

Πολύ μ'άρεσε γιατί είναι για όλες τις "τάξεις" χρηστών internet. ;)
;]

free-stuff
Δημοσιεύσεις: 87
Εγγραφή: 28 Νοέμ 2008 13:07

Πώς να κάνετε μία φόρμα να έχει απαραίτητα πεδία

Δημοσίευση από free-stuff » 21 Ιαν 2009 15:50

Θα ήθελα να μάθω πώς μπορώ να κάνω υποχρεωτική μια menu/list!

Έχω ένα πεδίο σε λίστα, και όρισα την προκαθορισμένη επιλογή κενή. (Δε θέλω να είναι προκαθορισμένη κάποια τιμή, αλλά να την επιλέγει ο χρήστης).

Πως όμως το κάνω αυτό να είναι υποχρεωτικό?

Χρησιμοποιώ Dreamweaver CS3.

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες