input - javascript

lukas15 · Napísal **lukas15**: 12.11.2011 11:04

Poradí mi niekto prosím, ako mám spraviť, aby sa do input text (html) dali zadávať len čísla od 0-9 a čiarka (,), ale tak, aby sa čiarka nedala zadať viac krát za sebou (teda aby medzi čiarkami bolo vždy nejaké číslo). Napr.: 10,1250,140,1250.
Teda, aby nemohol nastať napríklad takýto prípad: 10,1250,,140,1250.
Za rady vopred ďakujem.

walther · Napísal **walther**: 12.11.2011 11:53

ideálne tak, že priradíš danému inputu masku cez javascript a ošetríš vstup následne aj v code behinde, aby si mal istotu, že sú dáta v správnom formáte (javascript sa dá kedykoľvek vypnúť!)

tu je napr. pekný zoznam skriptov
http://www.webresourcesdepot.com/javasc ... put-masks/

lukas15 · Napísal autor témy **lukas15**: 12.11.2011 13:23

Dá sa to spraviť s maskou, tak aby som mohol zadávať čísla akejkoľvek dlížky? Napr. 10000000,200,115,0,1,33,20

walther · Napísal **walther**: 12.11.2011 14:53

Hmm, keď tak nad tým uvažujem, tak masku v tomto prípade ani nepotrebuješ. Stačí javascriptom pri písaní/po dopísaní kontrolovať vstup a podľa situácie vykonať akciu (napr nepovoliť iné znaky ako 0-9)

lukas15 · Napísal autor témy **lukas15**: 12.11.2011 15:58

Tak konkrétne mám takýto kód. Sú povolené len znaky 0-9 a čiarka. Čo tam mám pridať, aby sa nedala dať čiarka dva krát za sebou, ale len za číslom?

Kód:

   <SCRIPT language=Javascript>
      <!--
      function isNumberKey(evt)
      {
         var charCode = (evt.which) ? evt.which : event.keyCode
         if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 44) 
            return false;


         return true;
      }
      //-->
   </SCRIPT>

      <INPUT id="txtChar" onkeypress="return isNumberKey(event)" type="text" name="txtChar">

camo · Napísal **camo**: 14.11.2011 8:57

Pridať tam test na regulárny výraz:
patern.test(elem.value)

lukas15 · Napísal autor témy **lukas15**: 14.11.2011 9:11

Vedel by si to tam aj zakomponovať, lebo ja sa v JS moc nevyznám.

camo · Napísal **camo**: 14.11.2011 13:06

Toto daj za to prve return false.

patern=/,,/;
if(patern.test(document.getElementById('txtChar').value){ return false; }

lukas15 · Napísal autor témy **lukas15**: 14.11.2011 14:06

Skúsil som to takto, ale nejde to.

Kód:

<SCRIPT language=Javascript> 
      <!-- 
      function isNumberKey(evt) 
      { 
         var charCode = (evt.which) ? evt.which : event.keyCode 
         if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 44){ 
            return false; 
            patern=/,,/; 
            if(patern.test(document.getElementById('txtChar').value){ return false; }
         }


         return true; 
      } 
      //--> 
   </SCRIPT>

      <INPUT id="txtChar" onkeypress="return isNumberKey(event)" type="text" name="txtChar">
 

camo · Napísal **camo**: 14.11.2011 14:19

Nie, ten patern patrí do vlastnej if vetvy, nie do tej predošlej. Napísal som, že to máš dať za ten return, ale nenapísal som, že ta máš dopĺňať zátvorky...

lukas15 · Napísal autor témy **lukas15**: 14.11.2011 14:28

Mohol by si prosím napísať celý ten skript ako to bude vyzerať a tušim tam chýba zátvorka.

camo · Napísal **camo**: 14.11.2011 14:34

lukas15 · Napísal autor témy **lukas15**: 14.11.2011 14:49

Nefunguje to. Ide to tak isto ako predtým.

camo · Napísal **camo**: 14.11.2011 15:15

No máš pravdu nefunguje to. Keypress nemá k dispozícii hodnotu, ktorú potrebuješ testovať.

Také najjednoduchšie riešenie by bolo:

Kód:

function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 44){ return false; }

patern=/,,/;
if(charCode == 44 && patern.test(document.getElementById('txtChar').value+',')){ return false; }

return true;
}

Ale dá sa to ľahko obísť ak nastavíš kurzor na čiarku, ktorá by bola niekde pred koncom reťazca, tak môžeš pridať ďalšiu... Teraz sa mi nechce to riešiť. Asi lepšie by bolo to urobiť ako písal Walter, že po ukončení písania skontoluješ value oproti regulárnemu výrazu a prípadne zabrániš odoslaniu a vypíšeš nejakú hlášku o tom, že si tam našiel dve čiarky za sebou...

lukas15 · Napísal autor témy **lukas15**: 14.11.2011 16:20

Takže spravil som to takto:

Kód:

function valid(){
   
    if(document.search.wavenumber.value == 'xxxx'){
     
     alert ('Zadali ste nesprávny formát pri zadávaní frekvencie!!!');
     
    return false; 
    }
}

<form action = "stranka" method = "post" name = "search" onsubmit="return valid()" >
  <input  type = "text" name = "wavenumber" onkeypress="return isNumberKey(event)" />
  <input class = "submit" type = "submit" name = "submit" value = "Hľadať"/>
</form>

akú podmienku mám dať za xxxx aby sa nedali zadať (,,) a aby nebola na konci zapisu čiarka

camo · Napísal **camo**: 14.11.2011 16:48

Máš to myslím blbo. Z kade máš takúto syntax???
Tu si pozri ako sa používa search: http://www.w3schools.com/jsref/jsref_search.asp
Ale odporúčam ti použiť test, tak ako som písal ja, lebo search, alebo match(už neviem) nejako blbne pri interpetácii výrazov...

A regulár bude cca.: /^\d([\d]*|,)\d|\d$/ - čisla oddelené čiarkou, ktorá nemôže byť na začiatku ani na konci. / JE TO BLBO, ESTE TO TREBA DOLADIT.../
Ale teraz budeš musieť testovanie negovať, lebo tento výraz vyhovuje tvaru ktorý potrebuješ...

lukas15 · Napísal autor témy **lukas15**: 14.11.2011 17:02

ten search to je len názov formulára v html

camo · Napísal **camo**: 14.11.2011 17:09

Dobre tak za odmenu to skús s týmto: /^(\d+,)*\d+$/
Takze: if( ! elem.value.test(patern)){ alert('BUBUBU'); }

lukas15 · Napísal autor témy **lukas15**: 14.11.2011 17:39

Kde to tam mám dopísať? Napíš to prosím ťa do toho skriptu.

camo · Napísal **camo**: 14.11.2011 19:58

Kód:

function valid(){
    patern = /^(\d+,)*\d+$/; 
    if( ! document.getElementById("wavenumber").value.test(patern)){ 
     
     alert ('Zadali ste nesprávny formát pri zadávaní frekvencie!!!');
     
    return false;
    }

    return true;
}

<form action = "stranka" method = "post" name = "search" onsubmit="return valid()" >
  <input  type = "text" name = "wavenumber" onkeypress="return isNumberKey(event)" />
  <input class = "submit" type = "submit" name = "submit" value = "Hľadať"/>
</form>

// pridané po 2 hodinách 13 minútach od posledného príspevku

EDIT:
Tak sorry tu je to už ok(ak tam máš ovšem fciu isNumberKey()):

Kód:

function valid(){
    var patern = /^(\d+,)*\d+$/ ;
    if(patern.test(document.getElementById('wave').value)){

       return true;
    }

    alert ('Zadali ste nesprávny formát pri zadávaní frekvencie!!!');
    return false;
}

<form action = "stranka" method = "post" name = "search" onsubmit="return valid()" >
  <input  type = "text" name = "wavenumber" id="wave" onkeypress="return isNumberKey(event)" />
  <input class = "submit" type = "submit" name = "submit" value = "Hľadať"/>
</form>

lukas15 · Napísal autor témy **lukas15**: 15.11.2011 15:49

ok. vďaka, že si mi s tým pomohol.

input - javascript

Podobné témy