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

    How to make my radio button a required field.

    Asked by perrymanku on August 22, 2013 at 05:02 PM

    Hi,  my form http://form.jotformpro.com/form/32334824017953?

    has a radio button option, how do I make this a required field.

     

    Also the first drop down is not enabled. It is like something is overlapping it adn the same with the tick box at the bottom

     

    Please advise

     

    Perry

    required field
  • Profile Image

    Answered by khrisell on August 22, 2013 at 06:20 PM

    Hello Perry,

    To be able to make the radio button a required field.

    You just need to click the field and then look at the panels above (In their properties)

    And click Required.

     

    For a seperate question, kindly create a new thread.

    Please let us know if you are having difficulties with your form.

    And we'll help you with it.

    Thank you.

  • Profile Image

    Answered by Cesar on August 22, 2013 at 06:21 PM

    Hello, your radio buttins are already setup as required, they do give an error message that send you back to the form in case they are not selected. I can have a default value already selected if that works out for you. 

    Below I've appended the Form Style that has allowed me to have the dropdown and the I Agree check mark enabled wih out any problems. 

    The text in bold is what I have added to your current Form Style:

     

     

    @charset "utf-8";

    /* CSS Document *//* Injected CSS Code */.form-all {

    background: url("http://www.uccc.co.uk/img/competitions/25voucher/UCCC_AppleComp_Sc2_BG.jpg") no-repeat;

    height: 1000px;

    }

    .form-all input, select {

    border: 1px solid #b7bbbd;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    padding: 4px;

    }

    .form-line-error {

    background: none;

    }

    .form-textbox {width: 200px !important;}.form-dropdown {width: 207px !important;}

    #id_1 {

    position: absolute;

    top: 590px;

    margin-left: 300px;

    }#id_2 {

    position: absolute;

    top: 590px;

    margin-left: 520px;

    }#label_1, #label_2 {

    display: none;

    }#id_3 {

    position: absolute;

    top: 640px;

    margin-left: 300px;

    z-index: 15;

    }#label_3 {

    display: none;

    }#id_4 {

    position: absolute;

    top: 640px;

    margin-left: 520px;

    } #label_4 {

    display: none;

    }#id_5 {

    position: absolute;

    top: 685px;

    margin-left: 300px;

    } #label_5 {

    display: none;

    }

    #id_6 {

    position: absolute;

    top: 745px;

    margin-left: 143px;

    z-index: 17;

    } #label_6 {

    display: none;

    }

    #id_7 {

    position: absolute;

    top: 730px;

    margin-left: 299px;

    font-family: Tahoma;

    font-size: 10px;

    z-index: 18;

    } #label_7 {

    display: none;

    }

    #id_8 {float: right;margin-top: 120px;margin-right: 12px;}#input_9_0 {

    position: absolute;

    top: 730px;

    margin-left: 299px;

    font-family: Tahoma;

    font-size: 10px;

    }

    #label_9_0 {

    display: none;

    }

    #cid_9 {

    margin-left: 39% !important;

    margin-top: 3% !important;

    }

    label#label_9.form-label-left {display: none;

    }

     

     

     

    If you require any further assistance do let us know.