Decimal point on numeric keypad on iphone in Phonegap / Cordova

Question

I am developing an iPhone application where I need to insert values with decimal point. I have tried step="any" or step="0.01" or but it doesn't show decimal point on numeric keyboard.I am using phone gap / cordova.

My current line of code is as <input name="abc" pattern="\d+(\.\d*)?" type="number">

Please help!! thank you.

input type=number assuming that it is phonegap – Shoaib Chikate Apr 22 '14 at 05:54 — Shoaib Chikate, Apr 22 '14 at 05:54
@ShoaibChikate, check my new edits in question. – Sushant Apr 22 '14 at 07:12 — Sushant, Apr 22 '14 at 07:12

score 5 · Answer 1 · edited May 23 '17 at 11:53

5

Try using pattern to your input type="number" field

pattern="\d+(\.\d*)?"

This will bring the full keyboard but in the number/symbol pane be default. The user can still switch to alphanumeric but upon onblur event, the pattern kicks in and removes any alphanumeric characters (but not numbers). It has to be both type="number" and pattern="\d+(.\d*)?" in order to work

But if you are developing for IOS you might find this question useful

iPhone - Adding a button to keyboard existing accessory view (keyboard from UIWebView)

edited May 23 '17 at 11:53

Community

1
1

answered Apr 22 '14 at 05:56

ShinyJos

1,487
11
17

this is my current code '' can i use webview along with Phonegap / Cordova – Sushant Apr 22 '14 at 07:15
Yes you can use webview.By default all html javascript apps build usind cordova or phonegap are rendered in webview – ShinyJos Apr 22 '14 at 07:19

Decimal point on numeric keypad on iphone in Phonegap / Cordova

1 Answers1