Re: Calling the numeric keyboard

335 views
Skip to first unread message

Remi Grumeau 

unread,
Aug 19, 2012, 5:28:43 AM8/19/12
to iphone...@googlegroups.com, iphone...@googlegroups.com
you may want to look at
http://we-are-gurus.com/labs/iui/#_inputs

and

(can't find the inputs example page in iUI repo)

Remi


On 19 août 2012, at 10:43 AM, toy4fun <ron....@gmail.com> wrote:

Hi,
 
I've search thru the group of how to call the numeric keyboard when the focus is on <input>.
I've tried style='-wap-input-format: "*n";' and setting phone and zip in the name but without success.
Any other ideas?

--
You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
To post to this group, send email to iphone...@googlegroups.com.
To unsubscribe from this group, send email to iphonewebdev...@googlegroups.com.
Visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
 
 

Mogens Beltoft

unread,
Aug 19, 2012, 11:12:30 AM8/19/12
to iphone...@googlegroups.com
You could try type="number" to get the alphanumeric keyboard with dot comma etc.

http://www.beltoft.dk/iPhone/presentation/keyboards.html

I haven't seen a numeric only keyboard with dot.

/Mogens

On 19-08-2012 14:05, toy4fun wrote:
Thanks for your quick reply.
I've tried the <input type="text" pattern="[0-9]*"> method but I need the dot...
I've tried setting <input type="number" step="0.01"> but I'm getting a parse error message.
Any advise will be welcome.

Remi Grumeau 

unread,
Aug 19, 2012, 4:32:36 PM8/19/12
to iphone...@googlegroups.com
there is no numerical keyboard with a dot: a numerical keyboard is set for a numerical value. a numerical value doesn't have dots. it has numerics.
it's like asking for an email keyboard with a space key.

two options:
- split input in two inputs you merge with a dot on submit
- preventDefault + make your own numerical "keyboard"

about option 2: don't forget to deal with non-touchscreen devices 

Remi Grumeau

Jeff Rogers

unread,
Aug 19, 2012, 7:58:10 PM8/19/12
to iphone...@googlegroups.com, iphone...@googlegroups.com
This numeric keypad was designed for input of phone numbers, not decimal values, thus the lack of a decimal point. I believe that recent objective c apis allow you to customize this keypad and add a decimal point, but no equivalent apis are yet available in JavaScript in Safari. Let's hope they show up soon, because this issue comes up repeatedly.

-- Jeff Rogers

Remi Grumeau 

unread,
Aug 20, 2012, 11:53:14 AM8/20/12
to iphone...@googlegroups.com, iphone...@googlegroups.com
On 20 août 2012, at 02:22 PM, toy4fun <ron....@gmail.com> wrote:

This is a good sample, thanks.

The type="number" is exactly what I needed, but when putting it in an ASPX page I'm getting the following error:

"Parser Error Message: 'number' is not a valid type for an input tag."

Any suggestions?


forget about ASPx :)

I have no skills in aspx but if you can't do it server side due to some limitations, you may have to do it client-side (aka Javascript)

Mogens Beltoft

unread,
Aug 20, 2012, 1:36:57 PM8/20/12
to iphone...@googlegroups.com
ASPX doesn't know HTML5 it seems. type="number" was introduced with HTML5. I don't know ASPX, so I'm afraid I can't help.

/Mogens


On 20-08-2012 14:22, toy4fun wrote:

This is a good sample, thanks.

The type="number" is exactly what I needed, but when putting it in an ASPX page I'm getting the following error:

"Parser Error Message: 'number' is not a valid type for an input tag."

Any suggestions?

 

On Sunday, August 19, 2012 6:12:30 PM UTC+3, Mogens Beltoft wrote:

Brian McMillin

unread,
Aug 20, 2012, 2:24:25 PM8/20/12
to iphone...@googlegroups.com
Input type="number" is good for getting the numeric + special keyboard instead of the alpha, but it suffers from a couple of (serious ?) annoyances.

1. it fails JSLint as an invalid type (apparently because JSLint is not HTML 5...)

2. it massively tweaks with the output format - i.e. deletes trailing zeroes in the fractional part, deletes a trailing decimal point, and (!!) inserts thousands separators (commas).

If anyone has hints about controlling this behavior, I am sure many people would be interested.

Brian


From: toy4fun <ron....@gmail.com>
To: iphone...@googlegroups.com
Sent: Monday, August 20, 2012 7:22 AM
Subject: Re: Calling the numeric keyboard

This is a good sample, thanks.
The type="number" is exactly what I needed, but when putting it in an ASPX page I'm getting the following error:
"Parser Error Message: 'number' is not a valid type for an input tag."
Any suggestions?
 

On Sunday, August 19, 2012 6:12:30 PM UTC+3, Mogens Beltoft wrote:
You could try type="number" to get the alphanumeric keyboard with dot comma etc.

http://www.beltoft.dk/iPhone/presentation/keyboards.html

I haven't seen a numeric only keyboard with dot.

/Mogens

On 19-08-2012 14:05, toy4fun wrote:
Thanks for your quick reply.
I've tried the <input type="text" pattern="[0-9]*"> method but I need the dot...
I've tried setting <input type="number" step="0.01"> but I'm getting a parse error message.
Any advise will be welcome.

On Sunday, August 19, 2012 12:28:43 PM UTC+3, Remi Grumeau wrote:
you may want to look at
http://we-are-gurus.com/labs/iui/#_inputs

and

(can't find the inputs example page in iUI repo)

Remi


On 19 août 2012, at 10:43 AM, toy4fun <ron....@gmail.com> wrote:

Hi,
 
I've search thru the group of how to call the numeric keyboard when the focus is on <input>.
I've tried style='-wap-input- format: "*n";' and setting phone and zip in the name but without success.
Any other ideas?
--
You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
To post to this group, send email to iphone...@googlegroups.com.
To unsubscribe from this group, send email to iphonewebdev...@googlegroups. com.
Visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
 
 
--
You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
To post to this group, send email to iphone...@googlegroups.com.
To unsubscribe from this group, send email to iphonewebdev...@ googlegroups.com.
Visit this group at http://groups.google.com/ group/iphonewebdev?hl=en.
 
 

Remi Grumeau 

unread,
Aug 21, 2012, 5:48:08 AM8/21/12
to iphone...@googlegroups.com, iphone...@googlegroups.com
Could you share a link / demo of that?!
Sounds weird...

Remi Grumeau
Reply all
Reply to author
Forward
0 new messages