Question

I am checking numeric value for one textbox like this:

function validateNumeric() {
    var old = document.getElementById("tbNum").value;
    var new = old_val.replace(/^\s+|\s+$/g,"");
    var validChars = '0123456789'; 

    for(var i = 0; i < new.length; i++){ 
        if(validChars.indexOf(new.charAt(i)) == -1){
        alert('Please enter valid number');
        return false; 
        }
    }
    document.getElementById("tbNum").value = new;
    return true; 
}

I want to use the same function and check numeric value for other text boxes that requires numeric value. How can I pass value of tbID, tbDiscID, as well as above and return true before submitting the form.

Answer 1

I am not sure what you mean by tbId and tbDiscID, but to do this in plain JavaScript, you can generalize this solution by traversing JavaScript’s arguments object, which lets you pass in any variable number of arguments to your function. This will help you take in the IDs you need. Your new solution would look something like the following:

function validateNumeric() {
    for (var arg in arguments) {
        var id = arguments[arg];
        var old = document.getElementById(id).value;
        var new = old_val.replace(/^\s+|\s+$/g,"");
        var validChars = '0123456789'; 

        for(var i = 0; i < new.length; i++){ 
            if(validChars.indexOf(new.charAt(i)) == -1){
            alert('Please enter valid number');
            return false; 
            }
        }
        document.getElementById(id).value = new;
        return true;
    } 
}

Then invoke it like:

validateNumeric("myTextbox1", "myTextbox2", ..., "myTextboxN");

Where myTextBox1 … myTextBoxN are the IDs of your textboxes.