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

    I am trying to make it so videos uploaded are ftp'ed to my own hosted server. I am getting an error as shown below.

    Asked by jumpysven on August 20, 2015 at 08:25 PM

    It seems to want to store my files in a readme.txt format in a random location. I don't know what to do. I am using my godaddy ftp ability, but there must be an issue with the root folder or something that i am trying to upload to. 

     

    Please help. 

    Page URL:
    www.slicedr.com

    Screenshot
    FTP shown Getting Make
  • Profile Image

    Answered by Sammy on August 21, 2015 at 03:04 AM

    Kindly confirm that the folder has read write permission to the folder swings for the FTP username you are using to connect jotform.

     

  • Profile Image

    Answered by jumpysven on August 21, 2015 at 11:26 AM

    Thank you, I have enabled every possible permission for my public_html file, my public_ftp file, and my swings file. I just have this weird feeling that either my hierarchical structure is messed up or that I am doing something that keeps trying to make the upload a readme.txt file instead of a video. Because after the video is uploaded, it is supposed to go into a different page called the swings gallery (a page that is in the menu header). 

     

    Any other ideas? 

     

    Thanks!

  • Profile Image

    Answered by Sammy on August 21, 2015 at 01:13 PM

    Are you picking the folder structure from the integration potion or typing it manually, during integration a readme.txt file is created by default, the above error means the integration is failing

    What is entry folder for your FTP user, i recommend setting it to be the default public_html so that when you login you get a structure like the example screenshot, also set you FTP connection to passive

    let us know how it goes

  • Profile Image

    Answered by jumpysven on August 21, 2015 at 02:42 PM

    This is what my godaddy file hierarchy looks like:

    Now I am using the /public_html/swings as the file destination by entering it manually as the file hierarchy does not show up in the jotform integration wizard. It does seem that the red remove integration button is there so I must be close. 

    Then this is what it looks like right before I hit finish:

    Then this is what I get after I hit finish: 

  • Profile Image

    Answered by jumpysven on August 21, 2015 at 02:47 PM

    And just for your guidance, here is what my ftp client cyberduck looks like:

    And here is the source code for the form: 

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/js/vendor/imageinfo.js?v=3.3.8738" type="text/javascript"></script>

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/file-uploader/fileuploader.js?v=3.3.8738"></script>

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/static/prototype.forms.js" type="text/javascript"></script>

    <script src="https://d2g9qbzl5h49rh.cloudfront.net/static/jotform.forms.js?3.3.8738" type="text/javascript"></script>

    <script type="text/javascript">

       JotForm.init(function(){

          JotForm.initCaptcha('input_6');

    JotForm.clearFieldOnHide="disable";

          setTimeout(function() {

              JotForm.initMultipleUploads();

          }, 2);

    JotForm.disableGoButton();

    JotForm.onSubmissionError="jumpToFirstError";

       });

    </script>

    <link target="_blank" href="https://d2g9qbzl5h49rh.cloudfront.net/static/formCss.css?3.3.8738" rel="nofollow" rel="stylesheet" type="text/css" />

    <link type="text/css" rel="stylesheet" target="_blank" href="https://d2g9qbzl5h49rh.cloudfront.net/css/styles/nova.css?3.3.8738" rel="nofollow" />

    <link type="text/css" media="print" rel="stylesheet" target="_blank" href="https://d2g9qbzl5h49rh.cloudfront.net/css/printForm.css?3.3.8738" rel="nofollow" />

    <style type="text/css">

        .form-label-left{

            width:150px !important;

        }

        .form-line{

            padding-top:12px;

            padding-bottom:12px;

        }

        .form-label-right{

            width:150px !important;

        }

        .form-all{

            width:650px;

            color:rgb(53, 35, 28) !important;

            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;

            font-size:11px;

        }

        .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{

            color: #FFFFFF;

        }

     

    </style>

     

    <style type="text/css" id="form-designer-style">

        /* Injected CSS Code */

    .form-all {

      font-family: "Lucida Grande", sans-serif;

    }

    .form-all {

      width: 650px;

    }

    .form-label-left,

    .form-label-right {

      width: 150px;

    }

    .form-label {

      white-space: normal;

    }

    .form-label.form-label-auto {

      display: inline-block;

      float: left;

      text-align: left;

      width: 150px;

    }

    .form-label-left {

      display: inline-block;

      white-space: normal;

      float: left;

      text-align: left;

    }

    .form-label-right {

      display: inline-block;

      white-space: normal;

      float: left;

      text-align: right;

    }

    .form-label-top {

      white-space: normal;

      display: block;

      float: none;

      text-align: left;

    }

    .form-all {

      font-size: 11px;

    }

    .form-label {

      font-weight: bold;

    }

    .form-checkbox-item label,

    .form-radio-item label {

      font-weight: normal;

    }

    .supernova {

      background-color: #edc951;

      background-color: #eb6841;

    }

    .supernova body {

      background-color: transparent;

    }

    /*

    @width30: (unit(@formWidth, px) + 60px);

    @width60: (unit(@formWidth, px)+ 120px);

    @width90: (unit(@formWidth, px)+ 180px);

    */

    /* | */

    @media screen and (min-width: 480px) {

      .supernova .form-all {

        border: 1px solid #e14618;

        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

        -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

      }

    }

    /* | */

    /* | */

    @media screen and (max-width: 480px) {

      .jotform-form {

        padding: 10px 0;

      }

    }

    /* | */

    /* | */

    @media screen and (min-width: 480px) and (max-width: 768px) {

      .jotform-form {

        padding: 30px 0;

      }

    }

    /* | */

    /* | */

    @media screen and (min-width: 768px) and (max-width: 1024px) {

      .jotform-form {

        padding: 60px 0;

      }

    }

    /* | */

    /* | */

    @media screen and (min-width: 1024px) {

      .jotform-form {

        padding: 90px 0;

      }

    }

    /* | */

    .supernova .form-all,

    .form-all {

      background-color: #edc951;

      border: 1px solid transparent;

    }

    .form-header-group {

      border-color: #e8bb23;

    }

    .form-matrix-table tr {

      border-color: #e8bb23;

    }

    .form-matrix-table tr:nth-child(2n) {

      background-color: #ebc23a;

    }

    .form-all {

      color: #35231c;

    }

    .form-header-group .form-header {

      color: #35231c;

    }

    .form-header-group .form-subHeader {

      color: #56392e;

    }

    .form-sub-label {

      color: #56392e;

    }

    .form-label-top,

    .form-label-left,

    .form-label-right,

    .form-html {

      color: #35231c;

    }

    .form-checkbox-item label,

    .form-radio-item label {

      color: #56392e;

    }

    .form-line.form-line-active {

      -webkit-transition-property: all;

      -moz-transition-property: all;

      -ms-transition-property: all;

      -o-transition-property: all;

      transition-property: all;

      -webkit-transition-duration: 0.3s;

      -moz-transition-duration: 0.3s;

      -ms-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s;

      -webkit-transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      -ms-transition-timing-function: ease;

      -o-transition-timing-function: ease;

      transition-timing-function: ease;

      background-color: rgba(235, 104, 65, 0.4);

    }

    /* ömer */

    .form-radio-item,

    .form-checkbox-item {

      padding-bottom: 0px !important;

    }

    .form-radio-item:last-child,

    .form-checkbox-item:last-child {

      padding-bottom: 0;

    }

    /* ömer */

    .form-single-column .form-checkbox-item,

    .form-single-column .form-radio-item {

      width: 100%;

    }

    .supernova {

      height: 100%;

      background-repeat: no-repeat;

      background-attachment: scroll;

      background-position: center top;

      background-repeat: repeat;

    }

    .supernova {

      background-image: none;

    }

    #stage {

      background-image: none;

    }

    /* | */

    .form-all {

      background-repeat: no-repeat;

      background-attachment: scroll;

      background-position: center top;

      background-repeat: repeat;

    }

    .form-header-group {

      background-repeat: no-repeat;

      background-attachment: scroll;

      background-position: center top;

    }

    .form-line {

      margin-top: 0px;

      margin-bottom: 0px;

    }

    .form-line {

      padding: 12px 36px;

    }

    .form-all {

      -webkit-border-radius: 6px;

      -moz-border-radius: 6px;

      border-radius: 6px;

    }

    .form-section:first-child {

      -webkit-border-radius: 6px 6px 0 0;

      -moz-border-radius: 6px 6px 0 0;

      border-radius: 6px 6px 0 0;

    }

    .form-section:last-child {

      -webkit-border-radius: 0 0 6px 6px;

      -moz-border-radius: 0 0 6px 6px;

      border-radius: 0 0 6px 6px;

    }

    .form-all .qq-upload-button,

    .form-all .form-submit-button,

    .form-all .form-submit-reset,

    .form-all .form-submit-print {

      font-size: 1em;

      padding: 9px 15px;

      font-family: "Lucida Grande", sans-serif;

      font-size: 11px;

      font-weight: bold;

      border: none;

      border-width: 2px !important;

      border-style: solid !important;

    }

    .form-all .qq-upload-button,

    .form-all .form-submit-button,

    .form-all .form-submit-reset,

    .form-all .form-submit-print {

      color: #010000 !important;

      background: #8fbc8f;

      box-shadow: none;

      text-shadow: none;

    }

    .form-all .form-pagebreak-back,

    .form-all .form-pagebreak-next {

      font-size: 1em;

      padding: 9px 15px;

      font-family: "Lucida Grande", sans-serif;

      font-size: 11px;

      font-weight: normal;

    }

    /*

    & when ( @buttonFontType = google ) {

    @import (css) "@{buttonFontLink}";

    }

    */

    h2.form-header {

      line-height: 1.618em;

      font-size: 1.714em;

    }

    h2 ~ .form-subHeader {

      line-height: 1.5em;

      font-size: 1.071em;

    }

    .form-header-group {

      text-align: left;

    }

    /*.form-dropdown,

    .form-radio-item,

    .form-checkbox-item,

    .form-radio-other-input,

    .form-checkbox-other-input,*/

    .form-captcha input,

    .form-spinner input,

    .form-error-message {

      padding: 4px 3px 2px 3px;

    }

    .form-header-group {

      font-family: "Lucida Grande", sans-serif;

    }

    .form-section {

      padding: 0px 0px 0px 0px;

    }

    .form-header-group {

      margin: 12px 36px 12px 36px;

    }

    .form-header-group {

      padding: 24px 0px 24px 0px;

    }

    .form-textbox,

    .form-textarea {

      padding: 4px 3px 2px 3px;

    }

    .form-textbox,

    .form-textarea,

    .form-radio-other-input,

    .form-checkbox-other-input,

    .form-captcha input,

    .form-spinner input {

      background-color: #ffffff;

    }

    .form-dropdown {

      border-width: 2px;

      border-color: #000000;

      color: #000000;

      -webkit-appearance: menulist-button;

      background-color: #8fbc8f;

    }

    [data-type="control_dropdown"] .form-input,

    [data-type="control_dropdown"] .form-input-wide {

      width: 150px;

    }

    .form-dropdown {

      margin: 0;

      -webkit-appearance: none;

      -moz-appearance: button;

      appearance: none;

      padding-left: 5px;

    }

    li[data-type="control_time"] div .form-sub-label-container {

      margin-bottom: 16px;

    }

    li[data-type="control_time"] div .form-sub-label-container .form-sub-label {

      position: absolute;

    }

    li[data-type="control_dropdown"] > div.form-input,

    li[data-type="control_dropdown"] > div.form-input-wide,

    li[data-type="control_time"] div .form-sub-label-container {

      position: relative;

    }

    li[data-type="control_dropdown"] > div.form-input:before,

    li[data-type="control_dropdown"] > div.form-input-wide:before,

    li[data-type="control_time"] div .form-sub-label-container:before {

      width: 18px;

      content: "";

      display: inline-block;

      top: 1px;

      bottom: 1px;

      right: 1px;

      border: 1px solid #828282;

      background-color: #fff;

      -webkit-border-radius: 4px;

      -moz-border-radius: 4px;

      border-radius: 4px;

      -moz-box-sizing: border-box;

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      border-width: 2px;

      top: 3px;

      bottom: 3px;

      right: 3px;

      width: 24px;

      border-color: #000000;

      background-color: #8fbc8f;

      position: absolute;

      pointer-events: none;

      cursor: pointer;

    }

    li[data-type="control_dropdown"] > div.form-input:after,

    li[data-type="control_dropdown"] > div.form-input-wide:after,

    li[data-type="control_time"] div .form-sub-label-container:after {

      content: "";

      display: inline-block;

      width: 0;

      height: 0;

      border-width: 5px;

      border-color: #828282 transparent transparent transparent;

      border-color: #000000 transparent transparent transparent;

      position: absolute;

      border-style: solid;

      top: 44%;

      right: 5px;

      right: 10px;

      pointer-events: none;

      cursor: pointer;

    }

    .form-buttons-wrapper {

      margin-left: 0 !important;

      text-align: center !important;

    }

    .form-label {

      font-family: "Lucida Grande", sans-serif;

    }

    li[data-type="control_image"] div {

      text-align: left;

    }

    li[data-type="control_image"] img {

      border: none;

      border-width: 0px !important;

      border-style: solid !important;

      border-color: false !important;

    }

    .form-line-column {

      width: auto;

    }

    .form-line-error {

      overflow: hidden;

      -webkit-transition-property: none;

      -moz-transition-property: none;

      -ms-transition-property: none;

      -o-transition-property: none;

      transition-property: none;

      -webkit-transition-duration: 0.3s;

      -moz-transition-duration: 0.3s;

      -ms-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s;

      -webkit-transition-timing-function: ease;

      -moz-transition-timing-function: ease;

      -ms-transition-timing-function: ease;

      -o-transition-timing-function: ease;

      transition-timing-function: ease;

      background-color: #fff4f4;

    }

    .form-line-error .form-error-message {

      background-color: #ff3200;

      clear: both;

      float: none;

    }

    .form-line-error .form-error-message .form-error-arrow {

      border-bottom-color: #ff3200;

    }

    .form-line-error input:not(#coupon-input),

    .form-line-error textarea,

    .form-line-error .form-validation-error {

      border: 1px solid #ff3200;

      -webkit-box-shadow: 0 0 3px #ff3200;

      -moz-box-shadow: 0 0 3px #ff3200;

      box-shadow: 0 0 3px #ff3200;

    }

    .form-all {

      position: relative;

    }

    .form-all:before {

      content: "";

      background-image: url("//www.jotform.com/images/form-cover-default.png");

      display: inline-block;

      height: 100px;

      position: absolute;

      background-size: 207px 100px;

      background-repeat: no-repeat;

      width: 100%;

    }

    .form-all {

      margin-top: 110px;

    }

    .form-all:before {

      top: -110px;

      background-position: top center;

    }

    .ie-8 .form-all {

      margin-top: auto;

      margin-top: initial;

    }

    .ie-8 .form-all:before {

      display: none;

    }

    /* | */

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

      .jotform-form {

        padding: 0;

      }

      .form-all {

        border: 0;

        width: 100%;

        max-width: initial;

      }

      .form-sub-label-container {

        width: 100%;

        margin: 0;

      }

      .form-input {

        width: 100%;

      }

      .form-label {

        width: 100%!important;

      }

      .form-line {

        padding: 2% 5%;

        -moz-box-sizing: border-box;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

      }

      input[type=text],

      input[type=email],

      input[type=tel],

      textarea {

        width: 100%;

        -moz-box-sizing: border-box;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

        max-width: initial !important;

      }

      .form-input,

      .form-input-wide,

      .form-textarea,

      .form-textbox,

      .form-dropdown {

        max-width: initial !important;

      }

      div.form-header-group {

        padding: 24px 0px !important;

        margin: 0 12px 2% !important;

        margin-left: 5% !important;

        margin-right: 5% !important;

        -moz-box-sizing: border-box;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

      }

      [data-type="control_button"] {

        margin-bottom: 0 !important;

      }

      .form-buttons-wrapper {

        margin: 0!important;

      }

      .form-buttons-wrapper button {

        width: 100%;

      }

      table {

        width: 100%!important;

        max-width: initial !important;

      }

      table td + td {

        padding-left: 3%;

      }

      .form-checkbox-item input,

      .form-radio-item input {

        width: auto;

      }

      .form-collapse-table {

        margin: 0 5%;

      }

    }

    /* | */

     

    /*__INSPECT_SEPERATOR__*/

     

        /* Injected CSS Code */

    </style>

     

    <link type="text/css" rel="stylesheet" target="_blank" href="https://d2g9qbzl5h49rh.cloudfront.net/css/styles/buttons/form-submit-button-carbon_rounded.css?3.3.8738" rel="nofollow"/>

    <form class="jotform-form" action="https://submit.jotform.us/submit/52308102616142/" method="post" enctype="multipart/form-data" name="form_52308102616142" id="52308102616142" accept-charset="utf-8">

      <input type="hidden" name="formID" value="52308102616142" />

      <div class="form-all">

        <ul class="form-section page-section">

          <li class="form-line jf-required" data-type="control_fileupload" id="id_4">

            <label class="form-label form-label-left" id="label_4" for="input_4">

              UPLOAD MY SWING

              <span class="form-required">

                *

              </span>

            </label>

            <div id="cid_4" class="form-input jf-required">

              <div class="qq-uploader-buttonText-value">

                Upload a File

              </div>

              <input class="form-submit-button-carbon_rounded form-upload-multiple validate[required]" type="file" id="input_4" name="q4_uploadMy4[]" multiple="multiple" data-imagevalidate="yes" file-accept="html, wma, mpg, flv, avi, gif, mp4, mkv, webm" file-maxsize="102400" file-minsize="0" file-limit="3" />

            </div>

          </li>

          <li class="form-line jf-required" data-type="control_dropdown" id="id_5">

            <label class="form-label form-label-left" id="label_5" for="input_5">

              What's in Your Hands?

              <span class="form-required">

                *

              </span>

            </label>

            <div id="cid_5" class="form-input jf-required">

              <select class="form-dropdown validate[required]" style="width:150px" id="input_5" name="q5_ShotType">

                <option value=""> Select Club </option>

                <option value="Driver"> Driver </option>

                <option value="Long Iron"> Long Iron </option>

                <option value="Wedge"> Wedge </option>

                <option value="Pitch"> Pitch </option>

                <option value="Chip"> Chip </option>

                <option value="Flop"> Flop </option>

                <option value="Putt"> Putt </option>

              </select>

            </div>

          </li>

          <li class="form-line" data-type="control_button" id="id_3">

            <div id="cid_3" class="form-input-wide">

              <div style="text-align:left" class="form-buttons-wrapper">

                <button id="input_3" type="submit" class="form-submit-button form-submit-button-carbon_rounded">

                  Submit and Learn!

                </button>

              </div>

            </div>

          </li>

          <li class="form-line jf-required" data-type="control_captcha" id="id_6">

            <label class="form-label form-label-left form-label-auto" id="label_6" for="input_6">

              Enter the message as it's shown

              <span class="form-required">

                *

              </span>

            </label>

            <div id="cid_6" class="form-input jf-required">

              <div class="form-captcha">

                <label for="input_6"> <img alt="Captcha - Reload if it's not displayed" id="input_6_captcha" class="form-captcha-image" style="background:url(https://d2g9qbzl5h49rh.cloudfront.net/images/loader-big.gif) no-repeat center;" src="https://d2g9qbzl5h49rh.cloudfront.net/images/blank.gif" width="150" height="41" /> </label>

                <div style="white-space:nowrap;">

                  <input type="text" id="input_6" class="form-textbox validate[required]" name="captcha" style="width:130px;" />

                  <img src="https://d2g9qbzl5h49rh.cloudfront.net/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_6');" />

                  <input type="hidden" name="captcha_id" id="input_6_captcha_id" value="0" />

                </div>

              </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="52308102616142" />

      <script type="text/javascript">

      document.getElementById("si" + "mple" + "_spc").value = "52308102616142-52308102616142";

      </script>

    </form>

  • Profile Image

    Answered by jumpysven on August 21, 2015 at 02:49 PM

    Don't know if that helps at all, but maybe I am just missing a required field or something. As I just can't get the thing to do what I thought should be very easy!

     

    Thank you so much for your time and effort, my man. Really appreciated!

  • Profile Image

    Answered by Sammy on August 21, 2015 at 03:25 PM

    It seems strange that the directory structure is not listed, it seems to be going to a different folder.

    Kindly integrate and lave the path to be the default / then upload a file and see where it is saved.

    Does your hosting plan allow you to create another FTP user?, if so you can create a user with default setting then test with that