Dreamweaver form απορίες

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

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

Απάντηση
JuNiOr
Δημοσιεύσεις: 6
Εγγραφή: 23 Δεκ 2003 22:42

Dreamweaver form απορίες

Δημοσίευση από JuNiOr » 16 Ιαν 2008 01:49

Προσπαθώ να ολοκληρώσω μια εργασία που ζητάει να φτιάξω μια εφαρμογή Javascript που θα υλοποιεί μια φόρμα την οποία θα συμπληρώνουν τα στοιχεία (name mail phone username password και επιλογή sex male-female και παράλειλα θα υπάρχει και μία επιλογή αναλόγως με τι προτιμάει ο καθένας μέσα απο μια λίστα μετά που είναι διαφορετικά απο το απτο αν είναι άνδρας η γυναίκα. )
Χρεισιμοποιώ σε όλα textfields εκτώς το sex που είναι radio group και τα γούστα απο κάτω θα πρέπει να γίνουν λογικά List/Menu αλλα θα εμφανίζει τις πρώτες 2 επιλογές για αν sex male και τις 2 τελευταίες αν είναι female.

Μέχρι εδώ είναι σωστά? κολάω στο σημείο που θα πρέπει να βάλω κάποιο alert αν πχ το mail δεν έχει @ μέσα σε αυτό που έχει εισάγει ο χρήστης.. Σχεδόν κάθε πεδίο θέλω να περνάει απο κάποιους ελέγχους.. πως θα βάλω τους περιορισμούς-ελέγχους αυτούς?

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Dreamweaver form απορίες

Δημοσίευση από dimsis » 16 Ιαν 2008 09:15

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test form</title>
<style type="text/css">
body &#123;
	font-family&#58;Verdana, Arial, Helvetica, sans-serif;
	font-size&#58; .9em;
&#125;
fieldset &#123;
	margin&#58; 15px 0 15px 0;
	padding&#58; 8px 0;
	width&#58;400px;
	display&#58;block;
&#125;
legend &#123;
	left&#58; 8px;
	padding&#58; 3px;
&#125;
label &#123;
	color&#58; #666;
	float&#58; left;
	width&#58; 150px;
	text-align&#58; right;
	padding-right&#58; 7px;
	margin-bottom&#58; 7px;
&#125;
input, textarea &#123;
	width&#58; 180px;
	margin-bottom&#58; 5px;
&#125;
.radiocheck &#123;
	width&#58; 1em;
&#125;
br &#123;
	clear&#58; left;
&#125;
</style>
<script language="JavaScript"> 
<!-- 
function checkform&#40;form&#41; &#123; 
        if &#40;form&#91;"fname"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε το όνομα σας."&#41;; 
                return false; 
        &#125; 
        if &#40;form&#91;"mail"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώστε σωστά το email σας."&#41;; 
                return false; 
        &#125; 

		var zz = form&#91;"mail"&#93;.value;
		var filter  = /^&#40;&#91;a-zA-Z0-9_\.\-&#93;&#41;+\@&#40;&#40;&#91;a-zA-Z0-9\-&#93;&#41;+\.&#41;+&#40;&#91;a-zA-Z0-9&#93;&#123;2,4&#125;&#41;$/;
		if &#40; filter.test&#40;zz&#41; &#41; &#123;return true;&#125;
		else
		&#123;
		alert&#40;"Παρακαλώ συμπληρώστε ΣΩΣΤΑ το email σας &#40;π.χ. name@domain.gr&#41;."&#41;; 
		return false; 
		&#125;
		
        if &#40;form&#91;"phone"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε το τηλέφωνο σας."&#41;; 
                return false; 
        &#125; 
        if &#40;form&#91;"username"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε το όνομα χρήστη."&#41;; 
                return false; 
        &#125; 
        if &#40;form&#91;"password"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε τον κωδικό σας."&#41;; 
                return false; 
        &#125; 
        if &#40;form&#91;"sex"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε το φύλλο σας."&#41;; 
                return false; 
        &#125; 
        if &#40;form&#91;"listsample"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε κάτι από τη λίστα."&#41;; 
                return false; 
        &#125; 

 return true; 	
		
&#125; 
//--> 
</script>
</head>
<body>
<form action="pame.htm" method="post" name="myform" id="myform" onsubmit="return checkform&#40;this&#41;">
  <fieldset>
  <legend>User data</legend>
  <div>
    <label for="fname">name&#58;</label>
    <input type="text" name="fname" id="fname" />
  </div>
  <div>
    <label for="mail">mail&#58;</label>
    <input type="text" name="mail" id="mail" />
  </div>
  <div>
    <label for="phone">phone&#58;</label>
    <input type="text" name="phone" id="phone" />
  </div>
  <div>
    <label for="username">username&#58;</label>
    <input type="text" name="username" id="username" />
  </div>
  <div>
    <label for="password">password&#58;</label>
    <input type="text" name="password" id="password" />
  </div>
  <div>
    <label for="sex">sex&#58;</label>
    <br />
    <label for="male">male</label>
    <input id="male" name="sex" type="radio" value="0" class="radiocheck" />
    <br />
    <label for="female"> female</label>
    <input id="female" name="sex" type="radio" value="1" class="radiocheck" />
    <br />
  </div>
  <div>
    <label for="listsample"> List sample</label>
    <select name="listsample">
      <option value="">select...</option>
      <option value="GR">Greece</option>
      <option value="CA" selected>Canada</option>
    </select>
  </div>
  </fieldset>
  <fieldset>
  <div align="center">
    <input type="submit" id="submit" />
  </div>
  </fieldset>
</form>
</body>
</html>

JuNiOr
Δημοσιεύσεις: 6
Εγγραφή: 23 Δεκ 2003 22:42

Dreamweaver form απορίες

Δημοσίευση από JuNiOr » 16 Ιαν 2008 14:46

Σε ευχαριστώ φίλε μου, το list sample πρέπει να είναι διαφορετικό αν στο sex επιλέξουμε male ή female. Άλλεσ επιλογές για άνδρα και άλλες για γυναίκα. με if θα παίξω κ σε αυτό?

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

if &#40;form&#91;"sex"&#93;.value == "2" &#123;
<label for="listsample"> List sample</label>
    <select name="listsample">
      <option value="">select...</option>
      <option value="GR">Greece</option>
      <option value="CA" selected>Canada</option>
    </select> &#125;

if &#40;form&#91;"sex"&#93;.value == "1" &#123;
<label for="listsample"> List sample</label>
    <select name="listsample">
      <option value="">select...</option>
      <option value="IT">italia</option>
      <option value="UK" selected>Ukindom</option>
    </select> &#125; 
ή κάτι τέτοιο ? :question:
και ένα τελευταίο, για να ελέγχει αν όλα τα πεδία αν είναι γεμάτα? γιατι τρέχοντας αυτό που μου έδωσες ελέγχει μέχρι κ το Mail και τελος.. τα επόμενα If δεν τα είδα να παίζουν

Ευχαριστώ και πάλι

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Dreamweaver form απορίες

Δημοσίευση από dimsis » 16 Ιαν 2008 15:58

Δες εδώ και πάρε ιδέες για να αλλάζεις δυναμικά τις τιμές των select:
http://www.javascriptkit.com/javatutors ... tent.shtml

Fixed code:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test form</title>
<style type="text/css">
body &#123;
	font-family&#58;Verdana, Arial, Helvetica, sans-serif;
	font-size&#58; .9em;
&#125;
fieldset &#123;
	margin&#58; 15px 0 15px 0;
	padding&#58; 8px 0;
	width&#58;400px;
	display&#58;block;
&#125;
legend &#123;
	left&#58; 8px;
	padding&#58; 3px;
&#125;
label &#123;
	color&#58; #666;
	float&#58; left;
	width&#58; 150px;
	text-align&#58; right;
	padding-right&#58; 7px;
	margin-bottom&#58; 7px;
&#125;
input, textarea &#123;
	width&#58; 180px;
	margin-bottom&#58; 5px;
&#125;
.radiocheck &#123;
	width&#58; 1em;
&#125;
br &#123;
	clear&#58; left;
&#125;
</style>
<script language="JavaScript"> 
<!-- 
function checkform&#40;form&#41; &#123; 
        if &#40;form&#91;"fname"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε το όνομα σας."&#41;; 
                return false; 
        &#125; 
        if &#40;form&#91;"phone"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε το τηλέφωνο σας."&#41;; 
                return false; 
        &#125; 
        if &#40;form&#91;"username"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε το όνομα χρήστη."&#41;; 
                return false; 
        &#125; 
        if &#40;form&#91;"password"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε τον κωδικό σας."&#41;; 
                return false; 
        &#125; 

		if &#40;&#40;form.sex&#40;0&#41;.checked == false&#41; && &#40;form.sex&#40;1&#41;.checked == false&#41;&#41;
		&#123;
			alert &#40;"Παρακαλώ συμπληρώσετε το φύλλο σας."&#41;;
			return false; 
		&#125;

        if &#40;form&#91;"listsample"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώσετε κάτι από τη λίστα."&#41;; 
                return false; 
        &#125; 

        if &#40;form&#91;"mail"&#93;.value == ''&#41; &#123; 
                alert&#40;"Παρακαλώ συμπληρώστε σωστά το email σας."&#41;; 
                return false; 
        &#125; 

		var zz = form&#91;"mail"&#93;.value;
		var filter  = /^&#40;&#91;a-zA-Z0-9_\.\-&#93;&#41;+\@&#40;&#40;&#91;a-zA-Z0-9\-&#93;&#41;+\.&#41;+&#40;&#91;a-zA-Z0-9&#93;&#123;2,4&#125;&#41;$/;
		if &#40; filter.test&#40;zz&#41; &#41; &#123;return true;&#125;
		else
		&#123;
		alert&#40;"Παρακαλώ συμπληρώστε ΣΩΣΤΑ το email σας &#40;π.χ. name@domain.gr&#41;."&#41;; 
		return false; 
		&#125;
		
 return true; 	
		
&#125; 
//--> 
</script>
</head>
<body>
<form action="pame.htm" method="post" name="myform" id="myform" onsubmit="return checkform&#40;this&#41;">
  <fieldset>
  <legend>User data</legend>
  <div>
    <label for="fname">name&#58;</label>
    <input type="text" name="fname" id="fname" />
  </div>
  <div>
    <label for="mail">mail&#58;</label>
    <input type="text" name="mail" id="mail" />
  </div>
  <div>
    <label for="phone">phone&#58;</label>
    <input type="text" name="phone" id="phone" />
  </div>
  <div>
    <label for="username">username&#58;</label>
    <input type="text" name="username" id="username" />
  </div>
  <div>
    <label for="password">password&#58;</label>
    <input type="text" name="password" id="password" />
  </div>
  <div>
    <label for="sex">sex&#58;</label>
    <br />
    <label for="male">male</label>
    <input id="male" name="sex" type="radio" value="0" class="radiocheck" />
    <br />
    <label for="female"> female</label>
    <input id="female" name="sex" type="radio" value="1" class="radiocheck" />
    <br />
  </div>
  <div>
    <label for="listsample"> List sample</label>
    <select name="listsample">
      <option value="">select...</option>
      <option value="GR">Greece</option>
      <option value="CA" selected>Canada</option>
    </select>
  </div>
  </fieldset>
  <fieldset>
  <div align="center">
    <input type="submit" id="submit" />
  </div>
  </fieldset>
</form>
</body>
</html>


JuNiOr
Δημοσιεύσεις: 6
Εγγραφή: 23 Δεκ 2003 22:42

Dreamweaver form απορίες

Δημοσίευση από JuNiOr » 17 Ιαν 2008 01:08

Χρειάζομαι ακόμη να βάλω κάποιους περιορισμούς στα πεδία, πχ στο πεδίο Mail :
δεν πρέπει να υπάρχει κάποιο " " (space) κενό.
πρέπει το @ να εμφανίζεται μια και μόνο φορά.
Η . τουλάχιστον μία φορά
και δεν πρέπει το @ ή . να είναι το τελευταίο σύμβολο του Mail.
πρέπει το @ και η . να έχουν τουλάχιστον ενα γράμμα ανάμεσα τους.

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

function checkEmail&#40;&#41; &#123;
			var k=0;
			var xix= false;
 			var xox= false;
			var mail = email.value;
			var a= mail.indexOf&#40;'@'&#41;
			var b= mail.indexOf&#40;'.'&#41;
			for&#40;k=0;i<mail.length;i++&#41;	&#123;
				if&#40;mail.charAt&#40;k&#41;=="@"&#41;
					xix=true;
				if&#40;mail.charAt&#40;k&#41;=="."&#41;
					xox=true;					
			&#125; 

			if&#40;a==0 || b==0 ||&#41; &#123;
				alert&#40;"o char @ h . emfanizonte sthn proth thesh."&#41; 
				return false; &#125;
			if&#40;????&#41; &#123;
				alert&#40;"o char @ h . emfanizonte sthn teleftea thesh."&#41; 
				return false; &#125;
				
			if&#40;xox==true && xix==true&#41;
				return true;
			else &#123;
				alert&#40;"lathos maill!"&#41;;
				return false;
			
			&#125; 
		&#125; 

Ευχαριστώ

JuNiOr
Δημοσιεύσεις: 6
Εγγραφή: 23 Δεκ 2003 22:42

Dreamweaver form απορίες

Δημοσίευση από JuNiOr » 17 Ιαν 2008 01:33

Ακόμη στον κωδικό αυτό εδώ που έχει λάθος? Θέλω για να ελεγξω αν τ Pass με το pass2σ είναι τα ίδια και αν είναι τουλάχιστον 6 χαρακτήρες.

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

function checkPass&#40;&#41; &#123;
		var pass = pass1.value;
                var pass2s = pass2.value;                
		if &#40;parseInt&#40;pass.length&#41;>=6 && parseInt&#40;pass2s.length&#41;>=6&#41;
			return true;
		else &#123;
			window.alert&#40;"at least 6 chars"&#41;;
			return false;
			&#125;
                if &#40;pass1.value = pass2s.value&#41; 
                         return true;
                else &#123;
                          window.alert&#40;"Wrong pass"&#41;;      
		&#125;
&#91;quote&#93;
&#91;/quote&#93;

Απάντηση

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

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

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