Regex - iba cisla a desatinna bodka

neopagan · Napísal **neopagan**: 23.04.2019 13:44

Mam input field, kde potrebujem, aby mi pocas pisania validovalo value - aby uzivatel mohol pisat IBA cisla a desatinnu bodku. Problem je, ze to nemozem z istych dovodov spravit ako pattern, ani dat input field type na number a pod, takze to musim riesit v backende (je to cez Aurelia decorator, ale to je teraz nepodstatne).

Tu validaciu som spravil takto:

Kód:

export class PositivenumberValueConverter {
  toView(number) { 
     
     if(!number || typeof number == "number" ){return number;}
     
     else{
         let clean_number = number.replace(/[^0-9.]/g, ""); //allow numbers and decimal point
        if( clean_number ){return clean_number;} 
         
        else {return '';}
     }
          
  }
}

Toto sice funguje dobre, okrem cisel a desatinnych cisiel nepovoli nic, ale...

zistil som, ze ak po sebe zadam 2 rovnake znaky alebo pismena (napr. gg, hh, --), tak po kazdom druhom stlaceni jedno pismeno zobrazi.

Cize na klavesnici napisem napr: 52.35gg, tak v input fielde mi zobrazi 52.35g (zostane tam 1x to pismeno g). Po dalsom stlaceni 'g' odtial zmizne a po dalsom sa zas objavi a tak sa to strieda.

Robi to IBA vtedy, ked pisem rovnake znaky za sebou. Ak pisem rozne znaky po sebe abcdef... tak nedovoli napisat ani jedno, cize nezobrazi ziadne pismeno, tak ako ma byt.

Uz neviem ako vyriesit tuto haluz...

void · Napísal **void**: 23.04.2019 13:51

Validujes to po kazdom stlaceni tlacidla asynchronne? Kazdy dalsi znak, alebo cely obsah input fieldu?

neopagan · Napísal autor témy **neopagan**: 23.04.2019 13:58

v podstate tam posiela cely obsah, po kazdej zmene. Sranda je, ak tie prazdne uvodzovky v regexe nahradim nejakym znakom, napr.

Kód:

let clean_number = number.replace(/[^0-9.\-]/g, 'X');

tak potom kazde pismeno nahradi za ten znak (logicky), cize aj ked zadam gg, tak to nahradi za XX. Nechapem, ked tam nedam nic, preco kazde druhe zobrazi, ked to ma nahradit za 'nic'.

void · Napísal **void**: 23.04.2019 14:14

Je jedno ako rychlo stacis tie 2 pismenka po sebe?

ux · Napísal ux: 23.04.2019 14:19

nech sa akokolvek snazim tak ten tvoj regex nedovoli do inputu napisat to co popisujes.. chyba bude asi niekde inde.
https://codepen.io/anon/pen/ROYxZL?editors=1010#0

potrebujes tam tie podmienky pred regexom? ked mas input type text tak vsetko co ti z neho tecie je string, tak naco kontrolovat ci to je number? nechal by som tam len ten event listener s regexom

neopagan · Napísal autor témy **neopagan**: 23.04.2019 15:30

to som uz skusal, prvotne dava typeof number, a po zmene je to uz string. Jedine riesenie co zatial pomohlo, je ze som dal vratit parseFloat (clean_number); Vtedy neberie ziadne znaky, ani tie duplicitne. Problem je ale potom, ze ani bodku, co potrebujem.

@void: je jedno ako rychlo stlacim po sebe. Hoci aj 5 minut po sebe, ale iba po rovnakych pismenach

void · Napísal **void**: 23.04.2019 15:34

Tak si skus spravit nejaky interny logging, pri kazdom volani funkcie a vstup/vystup.
Mozno sa to nevola vzdy, ked by malo.

neopagan · Napísal autor témy **neopagan**: 23.04.2019 15:46

vola to stale, to som uz debugoval, vysledna hodnota je vzdy spravna, napriek tomu tam zostava to jedno pismeno, kym sa opat nestlaci to iste alebo nieco ine. Pri roznych pismenach to nerobi, iba pri rovnakych. Preco by pri rovnakych po sebe nieco inak fungovalo ako pri abcdef

void · Napísal **void**: 23.04.2019 16:20

No, vies ako, neviem ako presne je implementovane to s cim pracujes ale normalne zvykne byt napriklad search input osetreny proti spamovaniu backendu opakovanym search-om, aby sa predislo spamu na backend poziadavkami. Cize sa tam zvykne pridavat nejaky casovy constraint, aby si to nepytalo request kazdy sekundu ale kazdych niekolko sekund. Myslel by som si (mozno dost nespravne) ze toto ej vysledok nejakeho podobneho (alebo vadneho) osetrenia pred podobnym problemom.

neopagan · Napísal autor témy **neopagan**: 24.04.2019 10:28

no to by davalo logiku, keby to robilo len ked tie pismena zadam rychlo po sebe. Ale zadam 'g' a hoci aj po hodine zadam druhe 'g' a uz ho zobrazi, kym ho nezadam treti raz. Ale vsetko nasvedcuje tomu, ze to nebude tym regexom samotnym, ale ako pisete niecim inym naviazanym na ten input.

Regex - iba cisla a desatinna bodka

Podobné témy