Blocknummern von Eingabe in ein Eingabefeld

Question

Okay, zuerst einige Hintergrund, kann ich keine Javascript-Bibliothek außer YUI für dieses Projekt verwenden.

Was ich versuche, ist eine Eingabe zu nehmen und zu blockieren, um nur numerische Eingaben zuzulassen. Ich weiß, dass dies in der Validierung einfacher ist, aber die PM will es onkeypress. Was ich habe, wurde aus dem Laufen im Netz konstruiert und funktioniert großartig in Firefox. Leider muss dies mit IE8 und IE6 kompatibel sein, und es funktioniert auch nicht.

Hier ist, was ich bisher:

<script type="text/javascript"> 
    function onlyNumbers(evt) { 
     evt = (evt) ? evt : window.event 
     var charCode = (evt.which) ? evt.which : event.keyCode   

     if (charCode > 31 && (charCode < 48 || charCode > 57)) 
      return false; 

     return true; 

    } 
</script> 
<input type="text" id="<%=Model.HtmlID %>" value="<%= startingAnswer %>"name="<%=Model.HtmlID %>" 
maxlength="<%=maximumLength %>" onkeypress="return onlyNumbers(event);" /> 

Irgendwelche Ideen auf, was falsch ist, dass es nicht funktionieren im IE macht?

Answer 1

<script type="text/javascript"> 
    function onlyNumbers(target) { 
     var newVal = document.getElementById(target).value; 
     if (isNaN(newVal)) { 
      document.getElementById(target).value = newVal.replace(/[^0-9.]/g, ""); 
     } 
    } 


</script> 
<input type="text" id="<%=Model.HtmlID %>" value="<%= startingAnswer %>"name="<%=Model.HtmlID %>" 
maxlength="<%=maximumLength %>" onkeyup="javascript:onlyNumbers('<%=Model.HtmlID %>');" /> 

Es dauerte etwas mehr Mühe und ein wenig Kreativität, aber ich habe dieses bekommen herausgefunden. Dies verbietet nicht wirklich die Eingabe, sondern löscht einfach alles, was nicht erlaubt ist, sobald Sie den Schlüssel loslassen. Wirklich funktioniert auf IE6 zu

Answer 2

YUI verfügt über eine Textfeldvalidierung als Teil des Formularmoduls. Ein Beispiel (YUI 3)

var myForm = new Y.Form({ 
method : "post", 
action : "/test.php?action=submit", 
inlineValidation : true, 
fields : [ 
    {name : 'input1', type : 'text', label : 'Numbers only: ', validator : 'IntegerField'}, 

    {type : 'submit', label : 'Submit'}, 
    {type : 'reset', label : 'Reset'} 
] 
}); 
myForm.render('#formContainer');