Javascript > Lomakkeiden käsittelystä

PekiT

Mikä olisi helpoin tapa estää seuraava asia:

Internet-sivulla on lomake, jossa on useita kenttiä (nimi, email jne.) ja viimeisenä "lähetä"-painike.

Jos ensimmäiseen kenttään (tai mihin tahansa muuhunkin) kirjoittaa ja painaa enteriä (esim. vahingossa), niin lomake lähetetään.

Yritin Javascriptillä selvitä tuosta (olen tosin ihan aloittelija siinäkin), että jokainen kenttä olisi pakollinen, eikä lomaketta lähetetä ennen kuin jokaisessa on tekstiä. Mutta tuo ei ole hyvä tapa, koska kaikkia kenttiä ei voi tehdä pakolliseksi käytännön syistä.

Eli tiivistettynä: Enterin painaminen tekstikentässä pitäisi saada "pois päältä" :)

Onnistuisihan tuo tosin niin, että jokainen tekstikenttä olisikin "boxi" mutta ei sekään tunnu oikein järkevältä (?)

Ei tuollaista varmaan voisi esim. CSS:llä tehdä (?)

Tuhannet kiitokset jo etukäteen, jos joku jaksaa vaivautua.

4

590

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Piru

      Meinaan toi enter == lähetys tossa formissa.

      vaikka pisti onSubmit="return metodi();"

      ja metodi palautti false, niin lähtipä kuitenkin.

      Sitten kun siitä selvittiin, niin eipä toimi NetScapella samalla tavalla tietenkään.

      Seuraava räpellys ei lähetä, jos painaa enteriä ja toimii sekä NS 7.1 ja IE 6.0. Formi lähtee, kun kentässä on tekstiä ja Submittia painetaan






      document.onkeypress = check_submit;
      document.onmousedown = check_submit;

      function check_submit(e)
      {
      //Netscape välittää eventin muuttujassa e ja IE ei
      if (!e)
      {
      var e = window.event;
      var target= e.srcElement.value;
      }
      else target = e.target.value;

      if(e.keyCode == 13)
      {
      alert("täytä kentät ja lähetä painamalla Submit-nappia hiirellä!");

      }

      else if(target == "Submit" && document.formi.txt.value != "")
      {

         document.formi.submit();

      }
      }

    • MachuPichu

      Tämä oli paha saada toimimaan eri selaimissa, mutta sain tehtyä lyhyen skriptinpätkän ilman selaimen version tutkimista. Huomaa että kaikki "toimenpiteet" funktiossa TorjuEnter eivät ole tarpeellisia kaikissa selaimissa mutta niistä ei ole myöskään haittaa.

      Tämän pitäisi toimia IE5 , NN7.0 / Mozilla1.0 , Opera7 selaimissa (en ole testannut Macin Safari selainta):




      function TorjuEnter(evt) {
      evt = (evt) ? evt : event;
      var charCode = (evt.charCode) ? evt.charCode :
      ((evt.which) ? evt.which : evt.keyCode);
      if (charCode == 13) {
      if (evt.preventDefault)
      evt.preventDefault();
      else
      evt.returnValue = false;
      if (evt.stopPropagation)
      evt.stopPropagation();
      else
      evt.cancelBubble = true;
      return false;
      } else {
      return true;
      }
      }




      Käyttö:





      Machu

    • Testbrain

      Yllä jo saattaa olla päteviä vastauksia, mutta itse ehkä päätyisin seuraavanlaiseen ratkaisuun: Lähetä-napin yläpuolelle laitetaan yksi Check Box ja teksti "Olen tarkistanut lomakkeen oikeellisuuden." Check Box laitetaan oletuksena pois päältä, samoin Lähetä-nappi on oletuksena disabloitu. Kun Check Box valitaan, niin JavaScriptillä muutetaan myös Lähetä-nappi "Enabloduksi".

    • tarkista kentät

      Tietämättä tarkemmin mihin käyttöön lomakkeesi tulee, itse toteuttaisin kyllä tarkistuksen. Korvaa submit normaalilla painikkeella ja suorita lomakkeen lähettäminen skriptistä käsin.

      Lomakkeen tarkistushan käy näppärästi looppaamalla kaikki kentät ehtolauseen lävitse, joka korostaa ongelmalliseet kohdat punaisella.

      Mikäli lomakkaakeesi on riippuvainen javascript tuesta, on hyvä että myös lähettäminen riippuu siitä.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Kansalla on oikeus tietää miksi persut pettävät

      Koko kulunut hallituskausi on kysytty persuilta, minkä vuoksi he ovat pettäneet käytännössä jokaisen vaalilupauksen, ain
      Maailman menoa
      274
      9465
    2. Kunnissa - siis myös kaupungeissa - viihtyvät ovat kommunisteja

      Nehän ovat osa yhteiskunnan tuottamia instansseja, joista on vain haittaa veronmaksajille ja yrittäjlle, kuten ollaan ve
      Kommunismi
      6
      2842
    3. Ammattiliitto 900 euroa/vuosi - Työttömyyskassa 72 euroa/vuosi

      Ammattiliitosta eroamalla voi säästää jopa 800 euroa vuodessa. Mitä enemmän tienaat, sitä enemmän maksat liitolle. Esim
      Maailman menoa
      252
      2073
    4. Kansalla on oikeus tietää mikä on SDP:n talousohjelma jolla maan talous

      saadaan nousuun? Miksi puolue piilottelee sitä, vai eikö sitä ole? Tähän asti olemme vaan saaneet kuulla hallituksen ha
      Maailman menoa
      109
      1976
    5. SDP todellisuudessa pahin pettäjä koskaan - se syyllistyi valtiopetokseen 1918

      kun aloittivat kapinan maan laillista valtiojärjestystä vastaan. Punaiset saivat tukea Neuvosto-Venäjän bolsevikeilta,
      Maailman menoa
      79
      1484
    6. Missä vaiheessa

      Päätit irl luovuttaa minun suhteeni?
      Ikävä
      144
      1457
    7. Iski taas katumus kun en jutellut sun kanssa

      Silloin kun halusit. Mutta en enää voi sille mitään, en saa muutettua sitä hetkeä..
      Ikävä
      133
      1408
    8. Kyriake=Kirkko

      Kirkko, Kyriake Kirkko-sana tulee kreikankielen sanasta Kyriake=Herran omat, Kristuksen omaksi kastettujen suuri joukko
      Kaste
      93
      1016
    9. Uusi mahdollisuus

      Mitä tekisit toisin, jos saisit siihen mahdollisuuden?
      Ikävä
      71
      941
    10. Yritykset eivät uskalla ilmoittaa työpaikoista

      Kirjoittaa Iltalehti. Työllisyyspalveluiden työntekijän mukaan kriteereitä on tiukennettu, että haettaisiin vain töitä j
      Työttömyys
      119
      855
    Aihe