Έλεγχος ημερομηνίας με Javascript

rafinos · 7 Νοεμβρίου 2011

Γεια σας παιδιά!!!

Έχω αυτό:

Θέλω να γίνεται έλεγχος για την ορθότητα της ημερομηνίας και να μου βγάζει το αντίστοιχο alert.... έχω τους παρακάτω κώδικες:

Ο κώδικας html:

><html>
<head>
  <script src="birth.js" type="text/javascript"></script>
  <title>Φόρμα εγγραφής</title>
</head>
<body>
  <form action="registercheck.php" method="post">
  <table height="100%" width="100%">
     <tr align="center" height="10%">
        <td><h1>ΦΟΡΜΑ ΕΓΓΡΑΦΗΣ</h1></td>
     </tr>
     <tr align="center" valign="top">
        <td>
           <table>
              <tr>
                 <td>Όνομα μέλους:</td><td colspan="3"><input type="text" name="username"></td>
              </tr>
              <tr>
                 <td>Κωδικός:</td><td colspan="3"><input type="password" name="password"></td>
              </tr>
              <tr>
                 <td>Επαλήθευση κωδικού:</td><td colspan="3"><input type="password" name="password2"></td>
              </tr>
              <tr>
                 <td>Email:</td><td colspan="3"><input type="text" name="email"></td>
              </tr>
              <tr>
                 <td>Επαλήθευση email:</td><td colspan="3"><input type="text" name="email2"></td>
              </tr>
              <tr>
                 <td colspan="4"><hr></td>
              </tr>
              <tr>
                 <td colspan="4" align="center"><b>Προσωπικά στοιχεία</b></td>
              </tr>
              <tr>
                 <td>Όνομα:</td><td colspan="3"><input type="text" name="name"></td>
              </tr>
              <tr>
                 <td>Επίθετο:</td><td colspan="3"><input type="text" name="surname"></td>
              </tr>
              <tr>
                 <td>Ημ/νία Γέννησης:</td><td><input type="text" id="day" name="day" maxlength="2" size="2"></td><td><input type="text" id="month" name="month" size="2" maxlength="2"></td><td><input type="text" id="year" name="year" size="4" maxlength="4"></td>
              </tr>
              <tr>
                 <td align="right"><input type="submit" name="submit" value="Αποστολή"></td><td colspan="3"><input type="reset" value="Καθαρισμός"</td>
              </tr>
           </table>
        </td>
     </tr>
  </table>
  </form>
</body>
</html>

και ο κώδικας του birth.js

>function checkdate(day,month,year){

  var day = parseInt(document.getElementById(day));
  var month = parseInt(document.getElementById(month));
  var year = parseInt(document.getElementById(year));
  var theyear= new Date();
  theyear = theyear.getFullYear();
  var check = true;

  if(year < 1920 || year > theyear)
  {
      alert("bla_bla");
      check = false;
  }

  if (month < 1 || month > 12)
  {
      alert("bla_bla");
      check = false;
  }
  if (day < 1 || day > 31) 
  {
      alert("bla_bla");
      check = false;
  }
  if ((month==4 || month==6 || month==9 || month==11) && day==31) 
  {
      alert("bla_bla");
      check = false;
  }
  if (month == 2)
  {
     var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
     if (day>29 || (day==29 && !isleap))
     {
      alert("bla_bla");
      check = false;
     }
  }

  return check;
}

Ο κώδικας του birth ειναι σωστός;;;;

Τι πρέπει να κάνω για να χρησιμοποιηθεί στο html αρχείο.... βοηθήστε μεεεεεεεεε θα τρελαθώ από χθες με αυτό ασχολούμαι!!!!!!

*****Δεν θέλω να μου πείτε ότι υπάρχουν έτοιμα date picker στο ίντερνετ, το ξέρω... απλά δεν ξέρω καθόλου javascript και θέλω να κάνω κάτι δικό μου για να μάθω έστω κάτι

darksize_ · 7 Νοεμβρίου 2011

πρέπει να βάλεις μια onclick ιδιότητα στο submit input

σου παρουσιάζω ένα απλό script που ελέγχει να δει εάν το πεδίο του username είναι κενό όταν πατιέται το submit ή όχι

>
<html>
<head>
<title> just testing </title>

<script type="text/javascript">
	
   function check(){
	  
        var element = document.getElementById("text1");

 if(element.value == ""){
               alert('Error, not a valid username');
		return false;
		}
        else{
       alert('Success');
       return true;
  }
     }
</script>

</head>

<body>

Enter username: <input type="text" id="text1"></input>
<input type="button" value="submit" onclick="check()"></input>

</body>
</html>

κάνε κάτι παρόμοιο για το πρόγραμμά σου

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

rafinos · 7 Νοεμβρίου 2011

Ξέρεις που κολλάω;;;;

Επειδή θέλω το script της javascript να βρίσκεται σε άλλο αρχείο, μπερδεύομαι κάπως με τα ορίσματα....

αν μπορέσεις να μου κάνεις το παράδειγμα σου με ξεχωριστό αρχείο θα με έκανες πολύ χαρούμενο (γιατί έχεις και όρισμα για αυτό )

darksize_ · 7 Νοεμβρίου 2011

βάλε τον κώδικα

>

function check(){
                 
        var element = document.getElementById("text1");

        if(element.value == ""){
               alert('Error, not a valid username');
                       return false;
                       }
        else{
              alert('Success');
              return true;
         }
     }

σε ένα αρχέιο script.js στο ίδιο directory με το html αρχείο που θα χρησιμοποιήσει το script

και βάλε ένα src attribute το οποίο περιέχει το path προς το αρχείο του script

το html θα είναι έτσι:

>

<html>
<head>
<title> just testing </title>

<script type="text/javascript" src="script.js">
</script>

</head>

<body>

Enter username: <input type="text" id="text1"></input>
<input type="button" value="submit" onclick="check()"></input>

</body>
</html>

Uberalles_gr · 8 Νοεμβρίου 2011

Καταρχάς,

θα βάλεις έναν έλεγχο όταν πατάς το Sumbit. Αυτό δεν θα γίνει στο κουμπί αλλά στην φόρμα. Εξηγούμαι

>
<form name="myform" method="post" action="registercheck.php" onSubmit="return check_form()">

το κουμπί του smubit θα γίνει

>
<input type="submit" value="Καταχώρηση" title="Καταχώρηση" onmouseover="this.style.cursor='pointer'" />

και το javascript θα είναι

>
function check_form()
{
 var reg = /^\d{2}\-\d{2}\-\d{4}?$/ //Regular για την ημερομηνία, πρέπει να έχει 2 δεκαδικά (μέρα) - 2 δεκαδικά (μήνας) - 4 δεκαδικά (έτος)
		
 if (document.myform.day.value.length == 0)
 {
   alert("Παρακαλώ συμπληρώστε το πεδίο 'Ημερομηνία Γέννησης'");
   document.myform.day.focus();
   return false;
 }

 if (document.myform.day.value.search(reg)==-1) //if match failed
 {
   alert("Παρακαλώ συμπληρώστε με μία έγκυρη ημερομηνία\nτο πεδίο 'Ημερομηνία Γέννησης'! \n\n Παράδειγμα: 01-01-2010 (1 Ιανουρίου 2010)");
   document.myform.day.focus();
   return false;
 }

 return true;
}

Αυτά

zuratharamon · 9 Νοεμβρίου 2011

Δείτε κι αυτό για ημερομηνίες γενικότερα

http://www.datejs.com/

Σύνδεση

Έλεγχος ημερομηνίας με Javascript

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

rafinos

darksize_

rafinos

darksize_

Uberalles_gr

zuratharamon

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση