# How to validate phone number?

**URL:** <https://forum.mautic.org/t/how-to-validate-phone-number/3429>\
**Category:** Product Support\
**Created:** [February 11, 2016, 5:42am UTC](https://forum.mautic.org/t/how-to-validate-phone-number/3429 "2016-02-11T05:42:07Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![izendigital](https://avatars.discourse-cdn.com/v4/letter/i/e68b1a/32.png) [@izendigital](https://forum.mautic.org/u/izendigital)\
**Post date:** [February 11, 2016, 5:42am UTC](https://forum.mautic.org/t/how-to-validate-phone-number/3429/1 "2016-02-11T05:42:07Z")

</div>

Hi, I started with installing Mautic and so far it’s awesome. I need help with this -  
  
I created a Lead capture Form with Name, Mobile , Email and a hidden field. The theme ‘Nature’ got the look which I wanted, but here’s the issue…  
  
  
  
A. How to reduce the gap between the Form Label and the Field?  
  
  
  
B. Is there some way to get First name & Last Name fields on same Row with space equally divided as below…  
  
| First Name | Last Name |  
  
| Email |  
  
| Phone |  
  
| Submit |  
  
  
  
C. How to remove the Up/Down arrows showing up on the right end of Number field?  
  
  
  
D. How to set a 10 digit number validation for the Mobile field?  
  
  
  
I could not find these on forum, so any help would be appreciated. thanks

---

<div class="post-metadata">

**Author:** ![izendigital](https://avatars.discourse-cdn.com/v4/letter/i/e68b1a/32.png) [@izendigital](https://forum.mautic.org/u/izendigital)\
**Post date:** [February 11, 2016, 5:42am UTC](https://forum.mautic.org/t/how-to-validate-phone-number/3429/2 "2016-02-11T05:42:07Z")

</div>

Hi, I started with installing Mautic and so far it’s awesome. I need help with this -  
I created a Lead capture Form with Name, Mobile , Email and a hidden field. The theme ‘Nature’ got the look which I wanted, but here’s the issue…

A. How to reduce the gap between the Form Label and the Field?

B. Is there some way to get First name & Last Name fields on same Row with space equally divided as below…  
| First Name | Last Name |  
| Email |  
| Phone |  
| Submit |

C. How to remove the Up/Down arrows showing up on the right end of Number field?

D. How to set a 10 digit number validation for the Mobile field?

I could not find these on forum, so any help would be appreciated. thanks

---

<div class="post-metadata">

**Author:** ![izendigital](https://avatars.discourse-cdn.com/v4/letter/i/e68b1a/32.png) [@izendigital](https://forum.mautic.org/u/izendigital)\
**Post date:** [February 11, 2016, 11:13am UTC](https://forum.mautic.org/t/how-to-validate-phone-number/3429/3 "2016-02-11T11:13:45Z")

</div>

Anyone here for support? Please

---

<div class="post-metadata">

**Author:** ![escopecz](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/escopecz/32/370_2.png) [@escopecz](https://forum.mautic.org/u/escopecz)\
**Post date:** [February 11, 2016, 11:45am UTC](https://forum.mautic.org/t/how-to-validate-phone-number/3429/4 "2016-02-11T11:45:30Z")

</div>

A, B: style the embedded Mautic form with CSS the same way you’d style any form in your website.  
C: The arrows are part of the number field. That’s how modern browsers renders the number field. If you don’t want them, use the classic text field instead.  
D: Use a custom javascript function for it. I’m sure you’ll be able to google some.

---

<div class="post-metadata">

**Author:** ![izendigital](https://avatars.discourse-cdn.com/v4/letter/i/e68b1a/32.png) [@izendigital](https://forum.mautic.org/u/izendigital)\
**Post date:** [February 11, 2016, 12:37pm UTC](https://forum.mautic.org/t/how-to-validate-phone-number/3429/5 "2016-02-11T12:37:52Z")

</div>

Thanks, with li’t bit of trial/errors I could change other bits, except these 2 (A & B). Will keep trying…