Maska wprowadzania liczbowych i dziesiętnych

Question

Po przeprowadzeniu testu programu zdałem sobie sprawę z fakturowania za zarządzanie aplikacją oprogramowania. Zauważyłem następujący błąd: moja tabela w sqlserver zawiera: cenę numeryczną (6,2) użytkownik mojego programu wpisz cenę jako 555,00 jest dobre. ale gdy umieści 555555 to jest błąd, więc muszę określić maskę, w której mantysa jest opcjonalna od 0 do 999, a część dziesiętna jest programowalna 2 lub 3 zgodnie z wyborem użytkownika, używam wtyczki JQuery Masked input i I nie znalazłem dobrego wyrażenia regularnego, proszę, pomóż, pracuję z jsp/servlet.

Answer 1

Można użyć numerów jquery numeric.
Aktualna wersja zezwala na to, czego szukasz, ale ktoś musi changed kod trochę i to działa:

HTML

<input class="numeric" type="text" /> 

obsługa JavaScript

$(".numeric").numeric({ decimal : ".", negative : false, scale: 3 }); 

To jest całość source.
Przygotowałem to fiddle, dzięki czemu można zobaczyć, jak to działa.

Answer 2

Teraz, gdy rozumiem lepiej, czego potrzebujesz, oto co proponuję. Dodaj procedurę obsługi klucza do pola tekstowego, która sprawdza zawartość pola tekstowego za pomocą tego wyrażenia regularnego ^[0-9]{1,14}\.[0-9]{2}$, a jeśli nie pasuje, zmień tło na czerwone lub pokaż tekst lub cokolwiek chcesz. Oto kod, aby umieścić w document.ready

$(document).ready(function() { 
    $('selectorForTextbox').bind('keyup', function(e) { 
     if (e.srcElement.value.match(/^[0-9]{1,14}\.[0-9]{2}$/) === null) { 
      $(this).addClass('invalid'); 
     } else { 
      $(this).removeClass('invalid'); 
     } 
    }); 
}); 

Oto JSFiddle tego w działaniu. Wykonaj tę samą stronę serwera regex i jeśli nie pasuje, wymagania nie zostały spełnione. Możesz to również zrobić, sprawdzając zdarzenie onsubmit i nie pozwól użytkownikowi przesłać strony, jeśli wyrażenie regularne nie pasuje.

Powodem niewykonania maski przy wstawianiu tekstu jest to, że bardzo to komplikuje, np. jak już wspomniałem w komentarzu, użytkownik nie może rozpocząć wprowadzania poprawnych danych wejściowych, ponieważ jego początek jest niepoprawny. Jest to możliwe, ale sugeruję to zamiast tego.

Answer 3

jQuery plugin maska ​​wejściowy (6 całych i 2 miejsca po przecinku):

HTML:

<input class="mask" type="text" /> 

jQuery:

$(".mask").inputmask('Regex', {regex: "^[0-9]{1,6}(\\.\\d{1,2})?$"}); 

Mam nadzieję, że to pomoże ktoś

Answer 4

Ty można to zrobić za pomocą wtyczki jquery inputmask.

HTML:

<input id="price" type="text"> 

Javascript:

$('#price').inputmask({alias: 'numeric', 
         allowMinus: false, 
         digits: 2, 
         max: 999.99});