How can I customize "required field" message?

  • Profile Image
    JetHedgehog
    Asked on May 31, 2010 at 09:37 AM
    I'd like to use JotForm on Russian site.

    Cyrillic texts and fields works fine, but I cannot found how to customize "This field is required" message.

    It's really frustrates user to see English text on Russian site.
  • Profile Image
    aytekin
    Answered on June 01, 2010 at 03:27 PM
    Try using the source code and edit the jotform.js file. On the "Share Form" wizard, click on "Advanced Options" and then click on "Download Zip". Edit the jotform.js in a text editor and change the code on your site.
  • Profile Image
    JetHedgehog
    Answered on June 02, 2010 at 02:09 AM
    Thank you for this solution, and I hope that in future I can customize texts right in Form Builder ;)
  • Profile Image
    Marley123
    Answered on August 26, 2010 at 09:22 AM

    I have edit de text in jotform.js with dreamweaver, but what code must i change on my site ???

    What must i change on my site, too make it work ??

    Which rules must i put in my code ?

    Here is my source code

    <script src="http://www.jotform.com/min/g=jotform&3.1.1" type="text/javascript"></script>
    <script type="text/javascript">

       JotForm.init();
    </script>
    <link type="text/css" rel="stylesheet" target="_blank" href="http://www.jotform.com/css/styles/form.css?v3"/>
    <link target="_blank" href="http://www.jotform.com/css/calendarview.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .form-label{
            width:150px !important;
        }
        .form-label-left{
            width:150px !important;
        }
        .form-line{
            padding:10px;
        }
        .form-label-right{
            width:150px !important;
        }
        .form-all{
            width:560px;
            background:#EEBBBB;
            color:Black !important;
            font-family:Verdana;
            font-size:12px;
        }
     
     .form-line-active {
        background-color: #EEBBBB;
        /*outline: 1px solid #EEEED0;*/
        color:#FFF;
     }
     .form-required {
        margin-left: 5px;
        color: red;
     }
    </style>

    <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_2365654721" id="2365654721" accept-charset="utf-8">
      <input type="hidden" name="formID" value="2365654721" />
      <div class="form-all">
        <ul class="form-section">
                <li class="form-line" id="id_1">
                    <label class="form-label-left" id="label_1" for="input_1">
                        Naam<span class="form-required">*</span>
                    </label>
                    <div id="id_1" class="form-input">
                        <input type="text" class="form-textbox validate[required]" id="input_1" name="q1_naam" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_3">
                    <label class="form-label-left" id="label_3" for="input_3"> Adres </label>
                    <div id="id_3" class="form-input">
                        <input type="text" class="form-textbox" id="input_3" name="q3_adres" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_4">
                    <label class="form-label-left" id="label_4" for="input_4"> Postcode </label>
                    <div id="id_4" class="form-input">
                        <input type="text" class="form-textbox" id="input_4" name="q4_postcode" size="10" />
                    </div>
                </li>
                <li class="form-line" id="id_5">
                    <label class="form-label-left" id="label_5" for="input_5">
                        Telefoonnummer<span class="form-required">*</span>
                    </label>
                    <div id="id_5" class="form-input">
                        <input type="text" class="form-textbox validate[required]" id="input_5" name="q5_telefoonnummer" size="20" />
                    </div>
                </li>
                <li class="form-line" id="id_6">
                    <label class="form-label-left" id="label_6" for="input_6">
                        E-Mail adres<span class="form-required">*</span>
                    </label>
                    <div id="id_6" class="form-input">
                        <input type="text" class="form-textbox validate[required]" id="input_6" name="q6_emailAdres6" size="40" />
                    </div>
                </li>
                <li class="form-line" id="id_7">
                    <label class="form-label-left" id="label_7" for="input_7"> Opmerkingen </label>
                    <div id="id_7" class="form-input">
                        <textarea id="input_7" class="form-textarea" name="q7_opmerkingen" cols="40" rows="6"></textarea>
                    </div>
                </li>
                <li class="form-line" id="id_8">
                    <div id="id_8" class="form-input-wide">
                        <div id="text_8" class="form-html">
                            <p><span style="color: #ff0000;">*</span>
                                Verplicht om in te vullen
                            </p>
                        </div>
                    </div>
                </li>
                <li class="form-line" id="id_2">
                    <div id="id_2" class="form-input-wide">
                        <div style="text-align:right" class="form-buttons-wrapper">
                            <button id="input_2" type="submit" class="form-submit-button">
                                Verzenden
                            </button>
                            &nbsp;
                            <button id="input_print_2" style="margin-left:25px;" class="form-submit-print" type="button">
                                <img src="http://www.jotform.com/images/printer.png" align="absmiddle" />
                                Print Form
                          </button>
                        </div>
                    </div>
                </li>
                <li style="display:none">
                    Should be Empty:
                    <input type="text" name="website" value="" />
                </li>
            </ul>
        </div>
        <input type="hidden" id="simple_spc" name="simple_spc" value="2365654721" />
        <script type="text/javascript">
            document.getElementById("si" + "mple" + "_spc").value = "2365654721-2365654721";
        </script>
    </form>

  • Profile Image
    aytekin
    Answered on August 26, 2010 at 02:37 PM

    That's not the code you should see. Are you sure you used the "Download Zip" link on the "Advanced Options".

    When you download that you will get a form file and css/js files. You will edit those and use the form on your site. Here is what the folder should look like when you open the zip:

    You should edit the js/jotfom.js file and then upload all of these files to a folder on your site.

  • Profile Image
    valecoronda
    Answered on October 31, 2010 at 02:29 PM

    Hello,

    I already edited the texts in Spanish in the HTML code, but I can't upload the jotfrom.js file nor the Untitled_Form to Jotform to get the script. I created a form to use in Jimdo (free version) website. Waht do I do?

    Thanks in advance.

    Valeria

  • Profile Image
    aytekin
    Answered on November 01, 2010 at 04:52 AM

    Then you should use the Inject Custom CSS feature to edit the required field colors, intead of using the full source code. Because you cannot use full source code without uploading those files.

  • Profile Image
    meerah44
    Answered on March 04, 2011 at 06:40 AM

    What is the Inject Custom CSS code to modify the language of the error messages?

    Thanks

  • Profile Image
    mliz
    Answered on March 05, 2011 at 07:05 AM

    Hi meerah44,

    Please do not ask multiple questions on the same forum threads.

    I've already posted a reply on the separate thread you have submitted

    about the same question.