Skip to main content

Submit Form - Javascript Error

Έστω ότι έχουμε μία πολύ απλή φόρμα HTML όπως η παρακάτω:
<form name="sample" id="sample" method="GET" action="<index.html">
<label for="name">Εισάγετε το όνομά σας</label>
<input type="text" name="name" id="name">
<input type="submit" name="submit" id="submit" value="Καταχώρηση">

Στη φόρμα αυτή ο χρήστης απλώς καταχωρεί το όνομά του. Δε θα βόλευε όμως αν μπορούσαμε να ελέγξουμε ότι δε θα πατήσει απλώς "Καταχώρηση" χωρίς να έχει συμπληρώσει τη φόρμα; Ας φτιάξουμε λοιπόν και τον κατάλληλο javascript κώδικα:
<script language="javascript">
function check(){
alert("Παρακαλώ συμπληρώστε τα πεδία της φόρμας");

Έτσι δημιουργήσαμε τη function "check" η οποία ελέγχει αν το στοιχείο με id="name" έχει μήκος τιμής ίσο με 0(κοινώς είναι κενό). Μένει μόνο τώρα να ορίσουμε πότε θα εκτελείται η συγκεκριμένη function.

Αν τη βάλουμε στο OnSubmit της φόρμας, η φόρμα θα καταχωρείται και μετά θα εκτελείται η function. Αν αντίθετα τη βάλουμε στο OnClick του button θα εκτελεστεί σωστά. Άρα θα κάνουμε μια αλλαγή στη φόρμα. Αντί για
<input type="submit" name="submit" id="submit" value="Καταχώρηση">

θα γράψουμε
<input type="button" name="submit" id="submit" value="Καταχώρηση" onclick="check();">

Είμαστε έτοιμοι. Σωστά; Ωραία! Ας δοκιμάσουμε τη φόρμα!...Αλλά δε δουλεύει.

Αν έχουμε εγκαταστήσει το Firebug add-on θα παρατηρήσουμε 1 σφάλμα javascript που θα μας λέει ότι το submit της φόρμας δεν είναι function. Το πρόβλημα αυτό παρουσιάζεται γιατί έχουμε δώσει στο κουμπί καταχώρησης id="submit".

Επειδή δηλαδή μία φόρμα καταχωρείται μέσω javascript χρησιμοποιώντας την function submit(), δεν επιτρέπεται να δοθεί σε στοιχείο της φόρμας id="submit".


Popular posts from this blog

Drupal: Status report problem: HTTP request status fails

Some of you may have encountered this problem in some cases. In "Status Report" page, accidentally appears the error below:

HTTP request status   FailsYour system or network configuration does not allow Drupal to access web pages, resulting in reduced functionality. This could be due to your webserver configuration or PHP settings, and should be resolved in order to download information about available updates, fetch aggregator feeds, sign in via OpenID, or use other network-dependent services.
What I did, was to recheck that my webserver had access to internet. Of course it had! The problem exists mostly when there is no information to resolve the domain name used with the local ip address of the webserver. This means that an error occurs in the entries of the DNS server.

In cases where DNS server is not existant(ex. local testing environment) all you have to do is inform the /etc/hosts file. For example if you use the domain http://www.example.local/ and your local ip addr…

Drupal: Allow registrations through Invite or Referral modules only

The Invite module provides invitations from existing users to their contacts. The Referral module, in contrary, creates a special URL for each existing user, which can be found in each user's profile, and allows new user registration. Even though, these two modules seem to provide the same functionality, they don't (and they shouldn't). Invite module, provides a mechanism for a site administrator to limit new registrations to "Invitations only". Referral module doesn't provide any of this functionality. Some users have requested the Invite module and Referral module to join in one module. Until now, there isn't anything to that direction. Wouldn't it be great though if there was a solution to limit drupal registration to referral or invitation only? Copy the functions below to a refinvite.module file in your sites→all→modules→refinvite folder and enable the module. Then go to http://<your-address-here>/admin/user/settings and enable the new …

Override the default Opigno LMS navigation menu

I recently used Opigno LMS for a client's project. It's actually a LMS distribution of Drupal. It supports WebEx meetings, Lessons, even PDF Certificates after you complete a Course. In my case though I needed Lessons but no PDF Certificates. Disabling the proper apps/modules wasn't anything out of the ordinary Drupal procedure. What was lacking though was a way to override the main menu to not display the My Achievements item.My Achievements is enabled as long as the Opigno Quiz App (@see Lessons above) is enabled and no hook exists to override this functionality. To disable it I had to create a custom theme using the Platon theme as a base (Platon is the default theme of the Opigno LMS) and copy 3 functions of Platon's template.php file to my theme's template.php with the proper modifications to get what I wanted.See the code below...