What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    UK Postcode Validation

    Asked by KingstonIT on October 26, 2013 at 05:16 AM

    HI there

     

    Ive been referred to you by the guys at Unbounce. I recently joined Unbounce and after alot of promises and fanfare it doesnt seem that its currently possible to do UK postcode validation with their forms. Even thou they say i merely need to write custom javascript - their own embedded js. file interferes with mine so this does not work and they do not have an answer. So iam trying to find a way to solve this by coming to you. So before i sign up to your service can someone please show me that this is possible - with a working example - and i will be a member for life : )

    I can provide the working jQuery or Javascript code if you need it.

     

    K.

    Page URL:
    http://landing.kitchenfittingquotes.com/kitchen-fittings-freequote/

    postcode find does not work custom javascript
  • Profile Image
    JotForm Support

    Answered by EltonCris on October 26, 2013 at 06:35 AM

    Hi there,

    How about using "Input Mask" format? Users input will be formatted according to the input mask you set.

    However, if this does not help, we can always come up with a custom workaround thru javascript or jquery as you mentioned by using your form source code. Is this something you'd like to achieve? http://www.braemoor.co.uk/software/postcodes.shtml

    Let us know here so we can assist you further. Thanks!

  • Profile Image

    Answered by KingstonIT on October 26, 2013 at 06:44 AM

    Hi EltonCris

    If i had a choice i would prefer to go the custom javascript or jquery way as ill then have an example piece of code that i could expand further into more custom validation if needed.

     

    The  http://www.braemoor.co.uk/software/postcodes.shtml is exactly what we want to achieve. Please let me know the next steps.

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on October 26, 2013 at 07:34 AM

    @KingstonIT

    Thanks for your swift reply.

    Before we can proceed on the custom workaround solution, may we suggest you first to finished your form in the form builder and provide to us the form URL so we can provide you instructions on how to implement it to your form.

    Thank you!

  • Profile Image

    Answered by KingstonIT on October 26, 2013 at 08:18 AM

    Hi

    I have finished the form as requested and here is the url: http://form.jotform.co/form/32981857792876

     

    Please note that i left validation off on the postcode field - assuming the additional script will handle that. 

    Let me know if u need anything else.

     

    KingstonIT

  • Profile Image
    JotForm Support

    Answered by Welvin on October 26, 2013 at 04:39 PM

    Hi,

    We'll do our best to come up for the working codes that would validate the postcode when someone type it on the form field.

    Please stay tune for updates.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on October 26, 2013 at 05:11 PM

    Can you please check this working example: https://shots.jotform.com/welvin/pages/uk-validate-postcode.html. Let us know if this works for you of if you have any thoughts for further adjustments.

    Thanks

  • Profile Image

    Answered by KingstonIT on October 28, 2013 at 08:26 AM

    Hi Welvin

     

    Well if i go to  https://shots.jotform.com/welvin/pages/uk-validate-postcode.html. i can se the postcode validating correctly. I assume that once i add this code i can also set the postcode field to validate as alpanumeric? Will this influence your code ?iam asking as the from currently allows me to submit an empty value. How can i add this code to my form?

     

    K

  • Profile Image
    JotForm Support

    Answered by ashwin_d on October 28, 2013 at 09:49 AM

    Hello KingstonIT,

    As you will be using your form's source code to achieve your postcode validation requirement, you can also add other validations too. Yes you can also validate as alphanumeric.

    To add this feature in your form, you will have to download your form's source code and add the custom javascript code. Do get back to us on which form you want this to be added and I am sure my colleague will be able to help you once he is back online. I am also sending a note to my colleague "Welvin"

    Thank you!

  • Profile Image

    Answered by KingstonIT on October 28, 2013 at 10:22 AM

    Hi Ahwin_d

    I need the postcode validation added to both of the forms i currently have in my library - u can ofcourse just make the changes on one of them and i will implement it from there. I also wanted to ask - how do u replace the submit button with your own image? How do i select the image i want to use?

    Thanks - iam very impressed with the Jotfom support : )

  • Profile Image
    JotForm Support

    Answered by Welvin on October 28, 2013 at 11:32 AM

    Here we go:

    1. Get your form source codes with the added custom Javascripts here: http://pastiebin.com/526e80ea952b9. Paste it to any text editor you have and save it as an HTML file. Example: form1.html

    2. Get the custom Javascript for UK PostCode here: http://pastiebin.com/526e807d75951. Paste it to any text editor you have and save it as a JS File. Example: ukpostcode.js. Upload this JS file to your own server.

    3. In your form source codes, find the below URL:

    https://shots.jotform.com/welvin/pages/jspostcode.js

    ...and change it to your own Javascript file URL from your server.

    4. After all the changes above, you can now start embedding the form. It's up to you to embed the modified form source codes or upload the HTML file to your own server and use it as an iframe.

    Example iFrame below:

    <iframe id="JotFormIFrame" allowtransparency="true" src="https://shots.jotform.com/welvin/pages/uk-validate-postcode.html" frameborder="0" style="width:100%; height:584px; border:none;" scrolling="no"></iframe>

    You'll have to change the highlighted URL to your own HTML file which is uploaded to your server.

     

    Thanks

  • Profile Image
    JotForm Support

    Answered by Welvin on October 28, 2013 at 11:43 AM

    By the way, that is for the first form which is: http://www.jotform.co/form/32981857792876 (KitchenFittersForm)

    Here's for the second form (same process): QuoteABoiler Form -->

    1. Get the modified form source codes here: http://pastiebin.com/526e856c9109e. Paste it to any text editor you have and save it as an HTML file. Example: form2.html

    2. Get the custom Javascript for UK PostCode here: http://pastiebin.com/526e807d75951. Paste it to any text editor you have and save it as a JS File. Example: ukpostcode.js. Upload this JS file to your own server.

    3. In your form source codes, find the below URL:

    https://shots.jotform.com/welvin/pages/jspostcode.js

    ...and change it to your own Javascript file URL from your server.

    4. Embed the form using the modified source codes or use it as an iFrame as stated on my previous reply. Still, you'll need to specify the HTML file URL.

     

    If you need any further assistance, let us know.

    Thanks

  • Profile Image

    Answered by qbuster on December 06, 2013 at 04:17 AM

    There is a very good service in the UK that provides address building from a valid postcode i.e. type in postcode and software completes addres asking only for house number.

    Check out http://www.postcodeanywhere.co.uk/ - they have a number of collaborations with software houses like JotForm

     

    Cheers

     

    Will