Numeric Validation JavaScript
This article will be part of series I will be posting. The series will be focused around the AJAX presentation in the Web Content Publishers meeting.
In this series I will discuss share some validations function I have used to validate the grid. In addition to validating the field, notice how it maps the arrows keys to give the user a Microsoft Excel like feel.
Validating a numeric field
function NumbersOnly(Object) { if(CurrentCellClicked) { if((event.shiftKey && event.keyCode == 9) || event.keyCode==37) { event.returnValue=true; return ; } else if(event.keyCode==9 || event.keyCode==39) { event.returnValue=true; return ; } } if(event.keyCode == 36 || event.keyCode == 35 || event.keyCode == 46 || event.keyCode == 8) event.returnValue=true; else if((event.shiftKey && event.keyCode == 9) || event.keyCode==37) { var t = parseInt(Object.nextField); if(t > 2) { t = GlobalForm['c'+(t-2)]; if(t.disabled) { GlobalForm['c'+(t.nextField-2)].select(); GlobalForm['c'+(t.nextField-2)].focus(); } else { t.select(); t.focus(); } event.returnValue = false; } } else if(event.shiftKey) event.returnValue = false; else if(event.keyCode==9 || event.keyCode==39) { var t = GlobalForm['c'+Object.nextField]; if(t.disabled) { GlobalForm['c'+t.nextField].select(); GlobalForm['c'+t.nextField].focus(); } else { t.select(); t.focus(); } event.returnValue = false; } else { event.returnValue = ((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode>=96 && event.keyCode<=105)); }}