Create mask for validate Only int numbers js

Question

I have this view

I would like the field only accepts integer numbers when entering a value

View

<div class="RDANumber"></div>
  @Html.EditorFor(i => i.NumRDA)
<div class="clear"></div>

I try with js code bellow but no have a success.

Where am I going wrong?

What better way to do this?

JS

<script type="text/javascript">
$(document).ready(function () {
    $("#RDANumber").keydown(function (event) {
        if (event.shiftKey) {
            event.preventDefault();
        }
        if (event.keyCode == 46 || event.keyCode == 8) {
        }
        else {
            if (event.keyCode < 95) {
                if (event.keyCode < 48 || event.keyCode > 57) {
                    event.preventDefault();
                }
            }
            else {
                if (event.keyCode < 96 || event.keyCode > 105) {
                    event.preventDefault();
                }
            }
        }
    });
});

`RDANumber` is a class on the div and you are referencing `#RDANumber` as an id. Did you mean to have it as `$(".RDANumber")` or did you mean to reference the input by id `$("#NumRDA")`? — stephen.vakil, Dec 28 '15 at 16:51
Possible duplicate of [Validate that a string is a positive integer](http://stackoverflow.com/questions/10834796/validate-that-a-string-is-a-positive-integer) — Shawn Mehan, Dec 28 '15 at 16:56

score 0 · Answer 1 · answered Dec 28 '15 at 17:09

You don't need to write some javascript code because it's already built-in in ASP.Net MVC framework :

Check that you have client validation enabled and unobtrusive javaScript enabled in your web.config :

<appSettings>
  <add key="ClientValidationEnabled" value="true" />
  <add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>

Check that you reference correctly client side validation Javascript files in your Razor view : jQuery, jQuery Validate and jquery.validate.unobtrusive.js.
Insert a validation attribute beside your NumRDA property in .cs file :

[Range(0, int.MaxValue, ErrorMessage = "Please enter valid integer Number")]

score 0 · Answer 2 · edited May 23 '17 at 11:53

0

you can choose other way

1-use a jquery plugin click here

2-only numeric (0-9) in HTML inputbox using jQuery

edited May 23 '17 at 11:53

Community

1
1

answered Dec 28 '15 at 17:20

Mohammadreza Esmaeeli

163
2
13

score 0 · Answer 3 · answered Dec 28 '15 at 22:06

when you use

@Html.EditorFor(i => i.NumRDA)

it generates

<input type="text" name="NumRDA" />

for you

then you can use below code to prevent users to input non-digit characters

$(document).ready(function () {
$( "input[name='NumRDA']" ).keydown(function (event) {
    if (event.shiftKey) {
        event.preventDefault();
    }
    if (event.keyCode == 46 || event.keyCode == 8) {
    }
    else {
        if (event.keyCode < 95) {
            if (event.keyCode < 48 || event.keyCode > 57) {
                event.preventDefault();
            }
        }
        else {
            if (event.keyCode < 96 || event.keyCode > 105) {
                event.preventDefault();
            }
        }
    }
});
});

And here is the jsfiddle example

Create mask for validate Only int numbers js

3 Answers3