Consentire all'utente il solo inserimento di alcuni valori

**Fidelio-565** · 07-05-2012, 08:49

Buongiorno a tutti

Ho trovato sul web questo piccolo script che impedisce di inserire in alcune textbox che ho in un form, alcuni valori

<script src="/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
{
$("input.InputLimitato").bind("keyup blur", function()
{
var $field = $(this);
$field.val($field.val().replace(/[^0-9]/g, ""));
});
});
</script>

ho modificato in parte lo script per adeguarlo alle mie esigenze in questo modo

<script src="/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
{
$("input.InputLimitato").bind("keyup blur", function()
{
var $field = $(this);
$field.val($field.val().replace(/[^0-9RrSsAaPp\-]/g, ""));
});
});
</script>

Il problema che però ho è il seguente:
Siccome le inputbox accettano al massimo 2 caratteri, dovrei inibire l'inserimento di alcune accoppiate tipo "ss" o "rr" o "Ss" o "Sr" o"--" ecc...

Qualcuno può gentilmente aiutarmi o suggerirmi qualcosa di diverso?
L'obiettivo è quello di consentire all'utente il solo inserimento di alcuni valori.

Questo il codice della inputbox:
<input name="s_9" type="text" id="s_9" value="-" size="4" maxlength="2" class="InputLimitato" />

**Fidelio-565** · 07-05-2012, 10:38

Ragazzi sono andato un po avanti ed ho realizzato questo:

<script type="text/javascript">
$(function()
{
$("input.InputLimitato").bind("keyup blur", function()
{
var $field = $(this);
$field.val($field.val().replace(/[^0-9RrSsAaPp\-]/g, "-"));
$("input.InputLimitato").focusout(function()
{
var $field = $(this);
$field.val($field.val().replace("rr", "r"));
$field.val($field.val().replace("ss", "s"));
$field.val($field.val().replace("aa", "a"));
$field.val($field.val().replace("pp", "p"));

});
});
});
</script>

Purtroppo però non riesco a generalizzare la funzione.
L'utente potrebbe inserire a2, a5, a9, p5, s2 e questo non deve essere possibile.

potete aiutarmi?

**Fidelio-565** · 07-05-2012, 12:00

Ragazzi geniacci... mi date una mano a migliorare quanto ho scritto non essendo pratico di js?
Sarà pure possibile realizzare una funzione generica!

**br1** · 07-05-2012, 12:06

Originariamente inviato da Fidelio-565
Ragazzi geniacci... mi date una mano a migliorare quanto ho scritto non essendo pratico di js?
Sarà pure possibile realizzare una funzione generica!

... i criteri non sono chiari

specificare tutte le casistiche di combinazioni permesse o quelle vietate

**Fidelio-565** · 09-05-2012, 18:21

Br1 grazie per l'attenzione alla mia richiesta di help.

Allora l'obiettivo è questo:
impedire all'utente l'inserimento di valori che non siano numerici (0-9) oppure il simbolo subtract (-) e backspace (per poter cancellare).

La textbox può accettare al massimo numeri fino a due cifre.
Non è accettato lo spazio (space).
Non devono essere accettati valori negativi (del tipo -8) nel qual caso il numero 8 dovebbe sparire ed andrebbe considerato solo il simbolo -.

Stavo provando a bloccare l'input con questo:
<script type="text/javascript">
jQuery(document).ready(function(){
$(".InputLimitato").keypress(function(evt) {
var charCode=(evt.which)?evt.which:event.keyCode;
if (charCode>31 && (charCode<48 || charCode>57))
return false;
return true;
});
});
</script>

ma non so come fare per consentire l'accetttazione del tasto subtract che provando a cercare sul web pare che abbia charCode 109

grazie in anticipo e spero di essere stato più chiaro

**carlomarx** · 09-05-2012, 18:30

Sicuramente sarà facile come bere un bicchier d'acqua. Se solo si capisse cosa vuoi fare...

Spiega con calma e chiarezza.

edit:

P.S. Partiamo dal fatto ci sono solo due soli possibili inserimenti consentiti (campo.length === 2). Mi sembra di capire che le uniche lettere consentite siano /[rsap]/i giusto? Maiuscole o minuscole è indifferente? Possono essere seguite da un numero? Possono essere precedute da un numero? Ci possono essere altri caratteri (vedo un trattino)? Quali di preciso? Prima o dopo? Ci possono essere solo lettere senza numeri? Ci possono essere solo numeri senza lettere? Ci possono essere due caratteri uguali?

**br1** · 09-05-2012, 18:36

Lo faccio senza jquery

codice:

<input type=text onchange="x(this)" onkeyup="x(this)" onblur="x(this)">
<script>
function x(obj) {
v = obj.value;
obj.value = v.replace(/[^\d^-]/gi,"").replace(/^-\d*/,"-").substr(0,2);
}
</script>

**Fidelio-565** · 09-05-2012, 18:37

Ciao Carlomarx

Scusa ma non mi pare di aver scritto poi tanto in maniera incomprensibile.

Scrivo l'obiettivo in altra forma:

1. l'utente non deve poter inserire altri valori se non quelli numerici (0,1,2,3,4,5,6,7,8,9)
2. gli è concesso l'uso del simbolo - (trattino centrale)
3. gli è concesso l'uso del backspace (per poter cancellare)
4. non gli è concello l'uso dello space (barra spaziatrice)

Spero di essere stato + chiaro questa volta

grazie
e speriamo che sia proprio facile come bere un bicchier d'acqua

**Fidelio-565** · 09-05-2012, 18:44

Br1 SEI MAGICOOOOOOOO.

Riscontro questi problemucci e non saprei come correggerli perchè non ci capisco nulla di js.

Se digito -5 diventa - e va bene ma se digito 5- non accade nulla mentre dovrebbe restare solo il 5 (primo carattere)

**carlomarx** · 09-05-2012, 18:48

Originariamente inviato da Fidelio-565
Scrivo l'obiettivo in altra forma:

1. l'utente non deve poter inserire altri valori se non quelli numerici (0,1,2,3,4,5,6,7,8,9)
2. gli è concesso l'uso del simbolo - (trattino centrale)
3. gli è concesso l'uso del backspace (per poter cancellare)
4. non gli è concello l'uso dello space (barra spaziatrice)

Eh la madonna! E ci voleva tanto?? Bastava chiedere: voglio che l'utente possa usare solo numeri + trattino:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Example</title>
<script type="text/javascript">
  function numbersOnly(oToCheckField, oKeyEvent) {
    return oKeyEvent.charCode === 0 || /[\d\-]/.test(String.fromCharCode(oKeyEvent.charCode));
  }
</script>
</head>

<body>
<form name="myForm">


Enter numbers only: <input type="text" name="myInput" maxlength="2"
onkeypress="return numbersOnly(this, event);" onpaste="return false;" /></p>
</form>
</body>
</html>

Originariamente inviato da Fidelio-565
Scusa ma non mi pare di aver scritto poi tanto in maniera incomprensibile.

Io invece ho il forte dubbio che non ti sei ancora spiegato bene e che dovremo mettere mano anche al codice che ti ho appena girato...

Discussione: Consentire all'utente il solo inserimento di alcuni valori

Strumenti discussione

Ricerca discussione

Visualizza

Consentire all'utente il solo inserimento di alcuni valori

Permessi di invio