Textfeld-Validierung durch onkeyup event Jquery ohne mit alert

Habe ich den folgenden text im Feld in meinem html-Seite .

Dem code, die ich benutze, so weit ist .

<input type="text" id = "points" onkeyup="Validate()">
function Validate(){


var text_value = document.getElementById("points").value;
alert(text_value);

   if (!text_value.match(/^[56789]$/) && document.getElementById(called_id).value !="")
    {
       document.getElementById("points").value="";
       // document.getElementById("points").focus(); 
       alert("Please Enter only between 5 and 10 ");
    }

}

Akzeptiert werden die Werte 5 , 6 , 7 , 8 , 9 und 10 .
Ich habe den Weg gefunden, basierend auf onkeyup-Ereignis zu akzeptieren, nur 5 , 6 , 7 , 8 und 9 .. ich will wissen, wie man die 10 da .
Ich möchte auch wissen, das onkeyup-Ereignis-Validierung für die gleiche Verwendung von jquery .

Wenn der Benutzer gibt einen anderen Wert abgesehen von diesen es sollte man der rechts neben dem Textfeld, wie "Der Wert sollte zwischen 5 und 10" (nicht als Warnung) .
Wenn der erste eingegebene Wert ist 1 , Sie sollten warten, bis die nächste Taste, die gedrückt . Akzeptieren, wenn Sie 0 oder heben Sie die selbe Fehler Meldung wie im vorherigen Fall .

Dies ist nicht eine Website, wo Sie mieten Entwickler, um die Arbeit für Sie tun (wie Sie bezahlen nicht jeder). Damit eine Gemeinschaft, die Ihnen hilft, mit code. Wir erstellen nicht vollständige code für Sie zu nutzen. Bitte aktualisieren Sie Ihren Beitrag und zeigen Sie uns, was Sie versucht haben.
Ich habe mit Alarm und haben die für 5 bis 9 . Ich brauche Hilfe in der verbleibenden thats, warum ich gefragt habe
veröffentlichen Sie Ihren code hier plz
Ich will, dass die Validierung mit Hilfe von javascript oder jquery . Ich kann mit dem max-und min-Werte, da ich mich nicht mit form-tag input type= "number" - Feld
Ist onkeyup ist obligatorisch für Sie oder ist es möglich, mit 'onblur'
Ich bevorzuge onkeyup , weil ich will, dass die Nutzer wissen, wie und Wann er Typen

InformationsquelleAutor Nishanth Lawrence | 2013-07-19

Arbeiten Jsfiddle

Ich würde lieber ohne regex:

function validate() {
    var num = document.getElementById("points2").value;
    var num = parseInt(num, 10);
    alert(num);
    if (num < 5 || num > 10) {
        document.getElementById("points2").value = "";
        alert("Please Enter only between 5 and 10 ");
    }
}

ändern Sie Ihre regex zu :

/^([5-9]|10)$/

sollten Sie verwenden onchange Veranstaltung:

<input type="text" id = "points"  onchange="Validate()">

function Validate(){    
var text_value = document.getElementById("points").value;
alert(text_value);

   if (!text_value.match(/^([5-9]|10)$/) && document.getElementById(called_id).value !="")
    {
       document.getElementById("points").value="";
       // document.getElementById("points").focus(); 
       alert("Please Enter only between 5 and 10 ");
    }

}

Danke , aber ist es nicht möglich, mit onkeyup , weil ich möchte, dass änderungen durchgeführt werden ohne dass der Fokus verschoben wird, um ein weiteres element .

InformationsquelleAutor Zaheer Ahmed

0
```
$('#textbox').keyup(function() {
    var value = $('#textbox').val();
    if(value != ''){
        if(!value.match(/^[5678910]$/))  
            textboxError();
        else{
            var length = value.length;
            if(value.charAt(length-1) == 0 && value.charAt(length-2) != 1)
                textboxError();
        }
    }
};

$('#textbox').change(function() {
    var value = $('#textbox').val();
    if(value != '')
        textboxError();
    }
};

function textboxError(){
    $('#textbox').val(''); 
    $('#textbox').focus(); 
    alert("Please Enter only between 5 and 10 ");
}
```
Was wir tun, ist,
1. Überprüfen Sie, ob der Wert leer ist (Wenn leer, nicht irgendetwas anderes)
2. Wenn nicht leer ist prüfen, ob der Wert entspricht den vorgegebenen Satz
3. Wenn es passend, jetzt müssen wir prüfen, für die 10. Was wir tun, ist, wenn der Letzte eingegebene Element von Feld 0 ist, als die vorherigen Feld muss 1 sein, so dass es eine 10. Wenn nicht, werfen wir den Fehler.
4. Aber hier ist ein problem, kann der Benutzer geben Sie 1 ein, und lassen Sie das Feld ohne Eingabe von einem anderen char. So kann u erweitern diese durch onchange-Feld.
5. Onchange, jetzt schauen wir nach Zählung 1 und das sollte mit dem übereinstimmen, Anzahl der 10. Es behebt unser problem. Sie haben keine sorgen zu machen von 0, da wir bereits Einchecken keyup-block.
Ich Habe nicht überprüfen Sie den code. Also, wenn keine Tippfehler oder Fehler, u ersetzen.
- Ich hatte ein ähnliches regex zuvor , aber das erlaubt 0 zu .
InformationsquelleAutor Shiva Avula
0

Als Zaheer Ahmed erklärte, /^([5-9]|10)$/ fangen 10 als gut. Für die Ereignis-listener, die Sie verwenden können,
```
$('#textbox')[0].addEventListener('input', function(event) {
  var value = $(event.target).val();  
  //we already have a reference to the element through the event object,
  //crawling the DOM again is expensive.

  if(value != '') textboxError();
});
```
Diese umgeht jQuery, das kann sein verpönt von einigen, aber der 'input' - Ereignis wird ausgelöst, unmittelbar und funktioniert auch, wenn der text eingefügt oder eingegeben werden, indem eine andere Methode.

InformationsquelleAutor Brady Cartmell

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.