HTML allow only number without dot (.) in <input type="number"> [duplicate]

Question

HTML

<input type="number" required="" pattern="\d*" id="mobile">

jQuery

var letters = /^[0-9]+$/;
var mobile_backup="";
$(document).ready(function(){
    $("#mobile").on("input", function(){
        var mobile_value=$(this).val();
        if(mobile_value==="")
        {
            mobile_backup=mobile_value;
        }
        else if(mobile_value.match(letters)===null){
            $(this).val(mobile_backup);
        }
        else{
            mobile_backup=mobile_value;
        }
    });
});

Current solution works in all devices (desktop, mobile, tablet). Is there any efficient approach available such that it works in all devices?

I know I can use a pattern for number. But I don't want an alert. I just want to allow the numbers without a dot.

var letters = /^[0-9]+$/; is very confusing!

Toto
– Toto

2020-08-30 11:08:07 +00:00
Commented Aug 30, 2020 at 11:08 — Toto
– Toto, Commented Aug 30, 2020 at 11:08

Piyali Das · Accepted Answer · 2020-08-29 19:10:59Z

2

Use pattern attribute to add regex expression in html tag. Try below code:

<form action="home_page.php">
    <label for="roll_no">Roll Number:</label>
    <input type="number" id="roll" name="roll" pattern="^[\d]+$"  title="Write your roll number"><br><br>
    <input type="submit">
</form>

Note :

The pattern attribute of the input tag is not supported in Safari 10 (or earlier).
Validation of pattern attribute will not prevent from writing in the field but it will prevent from submitting form.

answered Aug 29, 2020 at 19:10

Piyali Das

765 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Akash Over a year ago

Already mentioned. "I know I can use a pattern for number."

Toto Over a year ago

Why do you put \d in a character class, it doesn't make sense.

Akash Patel Over a year ago

@Toto that is used to open only numeric keypad in some devices. For me, on the iPhone, I have used it to open the numeric keypad.

Arghya Sadhu · Accepted Answer · 2020-08-29 17:29:35Z

0

try step="any" This allows a decimal point

edited Aug 29, 2020 at 17:29

Arghya Sadhu

45.2k10 gold badges100 silver badges122 bronze badges

answered Aug 29, 2020 at 17:10

jerry layden

1

1 Comment

Akash Over a year ago

I want without a decimal point.

Collectives™ on Stack Overflow

HTML allow only number without dot (.) in <input type="number"> [duplicate]

2 Answers 2

3 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Linked

Related