#1 India's Top IT Training Institute

×

About Uncodemy

Know more about who we are and what we stand for.

About Us

About Us

Discover our mission to equip individuals with essential IT skills and industry expertise.

Read More →
UnCodeMy Gallery

UnCodeMy Gallery

Explore highlights from our IT training sessions and success stories.

Read More →
×

Free Resources

Learn, practice and plan your career — bilkul free.

Tutorials

Tutorials

Step-by-step written tutorials to learn any technology at your own pace.

Read More →
Free Counselling

Free Counselling

Book a free video counselling session and pick the right course for you.

Read More →
Online Compiler

Online Compiler

Write, run and test your code online — no setup required.

Read More →
DOM & Validation

Restrict user to enter numeric value in textbox using javascript

Why Restrict Input?

Restricting a textbox to numeric-only input improves data quality and avoids extra validation work later, e.g. for phone numbers or quantity fields.

Using the oninput / onkeypress Event

<input type="text" onkeypress="return isNumberKey(event)" />

<script>
function isNumberKey(evt) {
    let charCode = evt.which ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}
</script>

Alternative: Using a Regular Expression

input.addEventListener("input", function() {
    this.value = this.value.replace(/[^0-9]/g, "");
});

Ready to master real-world JavaScript development?

Learn JavaScript hands-on with mentor-led, live sessions.

Explore Course