How to ensure that number keypad is displayed for numeric fields in mobile device?

  • Jforms
    Asked on February 3, 2015 at 1:27 PM

    Will there be an update to where all tex box inputs can be altered to be "number" instead of dealing with form validation or will I need to use something other than a text box? I'm creating a form where all inputs are numeric and it would be easier if the proper keyboard comes up on mobile/tablets.

     

    Thank you!

  • Welvin Support Team Lead
    Replied on February 3, 2015 at 3:56 PM

    Hi,

    You can use our Number field from Quick Tools section:

    How to ensure that number keypad is displayed for numeric fields in mobile device? Image 1 Screenshot 20

    Thanks

  • randavictor
    Replied on June 16, 2015 at 1:46 PM

    The number field don't open the number keypad on iPhone, how can i do that knowing that it's not for mobile number.

  • Charlie
    Replied on June 16, 2015 at 2:40 PM

    Hi,

    I've checked the "Number" field and added it on a sample test form. I then viewed it on iOS 8, 7 and 6. When focusing the input there, the keypad that pops up is the number pad.

    How to ensure that number keypad is displayed for numeric fields in mobile device? Image 1 Screenshot 30

     

    iOS 8.3:

    How to ensure that number keypad is displayed for numeric fields in mobile device? Image 2 Screenshot 41

     

    If you want the number keypad to show, you might need to convert all the form fields to a number field type instead.

    Thank you.

  • randavictor
    Replied on June 16, 2015 at 4:23 PM

    the one you are attaching is not a number keyboard, the attached one below is a number keyboard:

    How to ensure that number keypad is displayed for numeric fields in mobile device? Image 1 Screenshot 20

  • Mike
    Replied on June 16, 2015 at 5:36 PM

    You can get the number keyboard with a type='tel' field on iOS. Use a Phone field from Quick Tools to set it up. The telephone field has two input boxes by default, but you can use an Input Mask mode as a work around.

    How to ensure that number keypad is displayed for numeric fields in mobile device? Image 1 Screenshot 20

    Thank you.