input

lukas15 · Napísal **lukas15**: 12.11.2011 11:04 | input - javascript

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 | input - javascript

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 | input - javascript

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 | input - javascript

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 | input - javascript

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 | input - javascript

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

lukas15 · Napísal autor témy **lukas15**: 14.11.2011 9:11 | input - javascript

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

camo · Napísal **camo**: 14.11.2011 13:06 | input - javascript

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 | input - javascript

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 | input - javascript

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 | input - javascript

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 | input - javascript

lukas15 · Napísal autor témy **lukas15**: 14.11.2011 14:49 | input - javascript

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

camo · Napísal **camo**: 14.11.2011 15:15 | input - javascript

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 | input - javascript

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 | input - javascript

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 | input - javascript

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

camo · Napísal **camo**: 14.11.2011 17:09 | input - javascript

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 | input - javascript

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

camo · Napísal **camo**: 14.11.2011 19:58 | input - javascript

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 | input - javascript

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

input - javascript

input - javascript

Podobné témy

javascript wysiwyg v javascript popup

Input

input - checkbox

input jQuery

Input file

heigth input

input index

input text - zmizne

No video input

input s filtrom

spravnost input pola

input automaticke doplnanie

input default hodnota

Doplňovanie input poľa

input minimalne 3 znaky