Required Fields with Required Validation not Working

  • Profile Image
    rockstaridea
    Asked on June 05, 2013 at 02:46 PM

    We are using a jotform on our landing page to collect email addresses.  We added the "required" tag to the email input field yet when a user clicks the submit button without entering an email address it triggers this "Incomplete Values" landing page hosted on the jotform server.

    http://submit.jotform.co/submit/31006219357145/

    Is there a way to integrate some simple jquery (using bootstrap) that notifies the user (on our landing page) that the email field is required?

    Thanks!

  • Profile Image
    EliezerN
    Answered on June 05, 2013 at 03:29 PM

    The reason why the required validations in your landing page are not working with our form is that you have embedded the sourced of the form, and this script type code is conflict with some jquery libraries in your page

    A workaround would be to embed our new Wordpress Plugin (feedback button)

    Otherwise, please insert this function right above the code of the form:

    <script>jQuery.noConflict();</script>

     

    About JQuery I would also recommend you to refer to the next link to deepen on the topic: http://api.jquery.com/jQuery.noConflict/.

    Feel free to contact us if need further assistance.

    Thanks!

  • Profile Image
    rockstaridea
    Answered on June 05, 2013 at 03:49 PM
    Thank you for the quick reply. Unfortunately the website is an html page
    not a Wordpress website so we will not be able to integrate the Wordpress
    plugin. I did add the script above the specified line and it still appears
    to redirect to the jot form hosted error page. Please advise whether or
    not the form code has been set up correctly. Thanks!
  • Profile Image
    Welvin
    Answered on June 05, 2013 at 04:53 PM

    Hi,

    I suggest you to inject all your customizations to the form by following this guide: How to Inject Custom CSS Codes.

    More helpful guides for customizing a form:

    http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes

    http://www.jotform.com/help/118-Submit-Button-CSS-CSS3

    I've made the changes, please feel free to cloned it back (How to Clone a Form) and use common embed option such as iframe method: How to Get Form iFrame Codes

    Form URL: http://www.jotformpro.com/form/31556064550956

    Thanks