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

Configure drupal_http_request() on the fly

The drupal_http_request() function supports connections using a proxy. You can configure a global proxy to use for all drupal_http_request() callbacks from the settings.php file of your website/installation by filling the following lines with the proper information:For those of you preferring a UI, then HTTP proxy module is for you.But what if you only want to use a proxy in some cases; like a custom module? In that case you will need the following function(modify accordingly):Now all you have to do is Call <?php _MYMODULE_change_proxy(); ?>.Do your drupal_http_request() calls.Call <?php _MYMODULE_change_proxy(TRUE); ?> to reset your previous settings.

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 …

Send mass email to certain users using VBO

Views Bulk Operations uses the built-in actions to act upon nodes, users, entities etc. Among these actions is our ability to send emails to users. If you try to use this action though you will encounter a small but serious problem. You are asked for an email address to send your message. You might say "but I have selected the users I want this message to reach. Why should I input an address again?". Don't get overwhelmed. What this field expects is not an address but a token. Specially this token [user-email]. If the website is intended for you, then you might say that's not such a problem to write this token down again and again. But if the manager of the website is bound to be the client or if you just want to spend less time writing things down, you might prefer to use a custom hook_form_alter() callback to set a default value. It could be done in both theme and module environment so suit yourself. Just add the following in your module or theme.