Input type number field accepting alphabets instead of numbers in firefox and IE

Question

I have some issues with input[type="number"] in firefox and internet explorer. Typing characters would be number but text also typing in firefox and IE. Working perfect in chrome. Is it possible to fix without using javascript. Thanks in advance

input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}

<input type="number" name="mob_num" required="required" placeholder="(999)457-8454"/>

People are interesting in finding duplicate than answering.. Read my problem properly and mark as duplicate — Prasath V, Sep 18 '16 at 09:46
Duplicate link doesn't solve my problem. Is it possible to use numbers rather than alphabets in input field without using javascript. — Prasath V, Sep 18 '16 at 09:48
Reopened your question. And to solve that issue you need script since it is only webkit-based browsers (at least today) that block any other character than a number — Asons, Sep 18 '16 at 09:57

Daniela · Answer 1 · 2016-09-18T09:05:46.963

0

If you add a validation error for non phone number characters, that should solve your problem.

edited Sep 18 '16 at 09:05

answered Sep 18 '16 at 08:53

Daniela

234
2
13

Any possible rather than using js – Prasath V Sep 18 '16 at 09:49
Every browser implements as they please... Why not use javascript? – Daniela Sep 18 '16 at 09:54
No problem by using js. Just ask for possibilities through html,css – Prasath V Sep 18 '16 at 09:56

Input type number field accepting alphabets instead of numbers in firefox and IE

1 Answers1