Skip to main content

Allow Only Numbers into a Textbox

Sometime it is requirement that we only want number to be entered through textbox, for e.g. we need to enter age through textbox, age will be always in number, to stop user from entering non-numeric value either we can use validation control and raise error when non-numeric value will be entered, or we can stop user from entering non-numeric word at all by using Javascript/Jquery.

Here I will show how to use Javascript to allow only numbers to be entered in a textbox. This solution works in in all browsers.

function NumericOnly(evt) {
    var e = evt
    if (window.event) { // For IE browsers
        var charCode = e.keyCode;
    } else if (e.which) { // For Safari 4, Firefox 3.0.4 and more
        var charCode = e.which
    }


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


    return true;
}


use this function as:
<input type="text" id="txtNumeric" onkeypress="return NumericOnly(event);" />

on keypress event function is called and it will allow only numeric values.

Now sometime we need only numeric field,but we need to enter decimal value, like 2.1, 3.5 etc. but above function will not allow (.), so overcome it and allow decimal values we can modify above function as:

function DecimalOnly(evt) {
        var e = evt
        if (window.event) { // For IE browsers
            var charCode = e.keyCode;
        } else if (e.which) { // For Safari 4, Firefox 3.0.4 and more
            var charCode = e.which
        }

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

        return true;
    }




Cheers!!!!!!!!!

Popular posts from this blog

C#: Merging Excel cells with NPOI HSSFWorkbook

In this post we’ll see how to merge the two or more cell with each other while creating the excel sheet using NPOI.
Mentioned below is code to merge multiple cells, in this example we are merging first cell to fifth cell of first row (you can adjust row or cell range by passing particular parameters in CellRangeAddress).
//Created new Workbook var hwb = new NPOI.HSSF.UserModel.HSSFWorkbook(); //Create worksheet with name. var sheet = hwb.CreateSheet("new sheet"); //Create row and cell. var row = sheet.CreateRow(0); var cell = row.CreateCell(0); ; //Set text inside cell cell.SetCellValue("This is Merged cell"); cell.CellStyle.WrapText = true; //define cell range address // parameters: -> first row to last and first cell to last cell var cra = new NPOI.SS.Util.CellRangeAddress(0, 0, 0, 4); //Add merged region to sheet. sheet.AddMergedRegion(cra);
Hope this solution helps you J

Calculate Sum and average of two or more Textbox values using JQuery

We can calculate sum and average of values entered in textboxes with the help of small piece of jQuery code.
First of all let’s create a HTML form where we’ll ask user to enter marks in each subject, under body section add following HTML:
<tableclass="demo-table"> <trclass="label"> <tdcolspan="2">Please enter marks(0-99):</td> </tr> <tr> <td>English</td> <td> <inputtype="text"class="txtMarks"name="txtMarks"

Difference between Web API, WCF and Web Service

So now we have got the basic idea about Web API, now let’s do some comparison of Web API with WCF and web services.
Web Service WCF Web API Web services created as file with .asmx extension. WCF create with .svc extension Web API are simple class file with .cs(for C#) extension. Web API is inherited from “ApiController” and class name must end with “Controller”. It is SOAP based service and return data in XML form. It is also based on SOAP and return data in XML form. Web API is HTTP based service and by default it return data in JSON or XML form. It supports only HTTP protocol. It supports various protocols like TCP, HTTP, HTTPS, Named Pipes, and MSMQ. It supports HTTP protocol. It can be hosted only on IIS. It can be hosted with in the application or on IIS or using window service. It can be hosted with in the application or on IIS. It is not open source but can be consumed by any client that understands xml. It is not open source but can be consumed by any client t…