HTML allow only number without dot (.) in

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 Aug 30 '20 at 11:08 — Toto, Aug 30 '20 at 11:08

score 2 · Accepted Answer · answered Aug 29 '20 at 19:10

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 '20 at 19:10

Piyali Das

80
5

Already mentioned. "I know I can use a pattern for number." – Akash Aug 30 '20 at 11:07
Why do you put `\d` in a character class, it doesn't make sense. – Toto Aug 30 '20 at 11:09
@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. – Akash Patel Aug 30 '20 at 11:35

score 0 · Answer 2 · edited Aug 29 '20 at 17:29

0

try step="any" This allows a decimal point

edited Aug 29 '20 at 17:29

Arghya Sadhu

41,002
9
78
107

answered Aug 29 '20 at 17:10

jerry layden

1

I want without a decimal point. – Akash Aug 30 '20 at 11:04

HTML allow only number without dot (.) in

2 Answers2