10 Replies Latest reply: Jul 22, 2014 12:45 AM by aanallein RSS

    Web-form errors/Its urgent

    Prachu!!! Community Member

      ERROR: An error occurred. Your web form must capture customer name and email address. Please fix this issue and re-insert your web form on your web page.

      Why above error occues in folllowing form:

       

       

       

      <div class="mid-container col2-left-layout" id="rowan" rel="pay">

      <div class="col-1">

      <div class="div-0ne">

      <div class="para-col1">

      <p><span>Rowan</span></p>

      <p><span>Document Solutions</span></p>

      <p> is a family-owned, recognized </p>

      <p> leader in ROI, document scanning</p>

      <p> and records</p>

      <p>management for the</p>

      <p>medical industry. </p>

      </div>

      <div class="free-quote"><img alt="" src="img/get-free.png" /> </div>

      </div>

      <div class="border-document">

      <div class="img-document">

      <img alt="" src="img/document-scan.png" />

      </div>

      <div class="para-document">

      <p>Document Scanning &amp; Records Management </p>

      </div>

      <div class="clr"></div>

      </div>

      <div class="border-document">

      <div class="img-document-circle">

      <img alt="" src="img/circle-img.png" />

      </div>

      <div class="para-document-roi">

      <p>ROI </p>

      <p>Release of Information) </p>

      </div>

      <div class="clr"></div>

      </div>

      <div class="border-document-new">

      <div class="para-document-roi-nr">

      <img alt="" src="img/trangle.png" />

      </div>

      <div class="para-document-recordes">

      <p>Request Your Records </p>

      <p>&amp; Pay Online </p>

      </div>

      <div class="clr"></div>

      </div>

      </div>

      <div class="col-2">

      <div class="about-documnett">

      <h1>PAY ONLINE </h1>

      </div>

      <div class="clr"></div>

      <div class="experience-h">

      <div class="payonline">

      <p class="para"> Have you received invoice from Rowan Document Solutions? You can securely pay on line and also retrieve the requested records online.</p>

      <p class="para">Just enter the requested information below exactly as shown on your Rowan Document Solutions invoice:

      </p>

      </div>

      <form name="catwebformform10549" method="post" onsubmit="return checkWholeForm10549(this)" enctype="multipart/form-data" action="http://rowan.creativeimagewebsites.com/FormProcessv2.aspx?WebFormID=29207&OID={module_oid}&amp;OTYPE={module_otype}&amp;EID={module_eid}&amp;CID={module_cid}">

          <table cellspacing="0" cellpadding="2" border="0" id="paytable" class="webform">

              <tbody>

                  <!--- <tr>

                      <td><label for="Title">Title</label><br />

                      <select class="cat_dropdown_smaller" id="Title" name="Title">

                      <option value="1559314">DR</option>

                      <option value="1559313">MISS</option>

                      <option selected="selected" value="1559310">MR</option>

                      <option value="1559311">MRS</option>

                      <option value="1559312">MS</option>

                      </select></td>

                  </tr>

                  <tr>

                      <td><label for="FirstName">First Name <span class="req">*</span></label><br />

                      <input type="text" maxlength="255" class="cat_textbox" id="FirstName" name="FirstName" /> </td>

                  </tr>

                  <tr>

                      <td><label for="LastName">Last Name <span class="req">*</span></label><br />

                      <input type="text" maxlength="255" class="cat_textbox" id="LastName" name="LastName" /> </td>

                  </tr>

                  <tr>

                      <td><label for="EmailAddress">Email Address <span class="req">*</span></label><br />

                      <input type="text" maxlength="255" class="cat_textbox" id="EmailAddress" name="EmailAddress" /> </td>

                  </tr>--->

                  <tr>

                      <td><label for="CAT_Custom_131280">INVOICE NUMBER:</label></td>

                      <td>

                      <input type="text" size="30" maxlength="100" name="CAT_Custom_131280" id="CAT_Custom_131280" class="new-put" /></td>

                      <td> </td>

                  </tr>

                  <tr>

                      <td><label for="CAT_Custom_131281">ORGCODE/PO NUMBER:</label></td>

                      <td>

                      <input type="text" size="30" maxlength="100" name="CAT_Custom_131281" id="CAT_Custom_131281" class="new-put" /></td>

                      <td> </td>

                  </tr>

                  <tr>

                      <td><label for="CAT_Custom_131282">PATIENT'S LAST NAME:</label></td>

                      <td>

                      <input type="text" size="30" maxlength="100" name="CAT_Custom_131282" id="CAT_Custom_131282" class="new-put" /></td>

                      <td> </td>

                  </tr>

                  <!--<tr>

                      <td style=""> </td>

                      <td><input type="image" id="catwebformbutton" value="Submit" class="cat_button" src="/img/get-free.png" /></td>

                  </tr>-->

              </tbody>

          </table>

          <script type="text/javascript" src="http://rowan.creativeimagewebsites.com/CatalystScripts/ValidationFunctions.js"></script>

          <script type="text/javascript">

      //<![CDATA[

      var submitcount10549 = 0;function checkWholeForm10549(theForm){var why = ""; if (theForm.CAT_Custom_131280) why += isEmpty(theForm.CAT_Custom_131280.value, "INVOICE NUMBER");if (theForm.CAT_Custom_131281) why += isEmpty(theForm.CAT_Custom_131281.value, "ORGCODE/PO NUMBER");if (theForm.CAT_Custom_131282) why += isEmpty(theForm.CAT_Custom_131282.value, "PATIENT'S LAST NAME");if(why != ""){alert(why);return false;}if(submitcount10549 == 0){submitcount10549++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}

      //]]>

      </script>

          <div class="payonline">

          <p class="para"><input type="image" src="/img/get-free.png" class="cat_button" value="Submit" id="catwebformbutton" /></p>

          </div>

      </form>

      </div>

      </div>

      </div>

      <div class="clr"></div>

        • 1. Re: Web-form errors/Its urgent
          Graphite Web Community Member

          Hi Prachu,

          Looking at your form validation code it is not checking whether the firstname, lastname and email are present hence it looks like you may have a disconnect between the web page form and your web form in the Site Manager.  The action part of your form refers to Web Form ID 29207 - find this form in your Dashboard>Site Manager>Web Forms and mouse-over each form until you find the one with ID 29207 then check whether it includes and hence checks for first/last name and email.  If it doesn't it should as BC needs at least an email to identify the customer.

          Hope that helps

          Steve

          • 2. Re: Web-form errors/Its urgent
            Prachu!!! Community Member

            i don,t want includes first/last name and email. Only custom fields wich i genrated. So  please give solution to add  only custom fields ,remive the error and get form submit.

            • 3. Re: Web-form errors/Its urgent
              Liam Dilley CommunityMVP

              Hi there,

              You can not, not have those fields. Because the system has a CRM element and runs off that these are required by the system.

               

              I will tell you how to do this below but you need to note that in doing so it will mess up your CRM. Every form filled in creates a case, this is attached to a person in the CRM. This is a fantastic implementation and works so awesome for several things BUT if you have no name etc, this gets messy to manage.

               

              Solution:

               

              - Set the First and Last Name as names of the form and the email can be "nameofform@form.com" or something.

              - Put these as values in the input field - value="formfirst" for example.

              - Then CSS Hide those elements so they are not shown.

               

              This will allow the person not to see them or need to be filled in but meet the systems requirements.

              Note again that anyone that fills in this form will have the case stored agaisnt this same fake "Customer" based on those fake first, last and email data fields.

              • 4. Re: Re: Web-form errors/Its urgent
                aanallein Community Member

                I am adding a form for the first time. I created a web form and I am using the code to adjust an existing form:

                <code>

                <form name="catwebformform81533" method="post" onsubmit="return checkWholeForm81533(this)"

                            enctype="multipart/form-data" action="http://domain.businesscatalyst.com/FormProcessv2.aspx?WebFormID=74594&OID={module_oid}&OTYPE={module_otype}&EID={module_eid}&CID={module_cid}" id="form">

                  <div class="span4">

                <input type="text" name="FirstName" id="FirstName" class="cat_textbox" maxlength="255" value="ingevuld"/>

                <input type="text" name="LastName" id="LastName" class="cat_textbox" maxlength="255" value="ingevuld" />

                  <div class="field">

                  <label>Name:</label>

                  <input type="text" name="name" value="" id="name"/>

                  </div>

                  <div class="field">

                  <label>Email:</label>

                  <input type="text" name="email" value="" id="email" />

                  </div>

                  <div class="field">

                  <label>Subject:</label>

                  <input type="text" name="subject" value="" name="CAT_Custom_343661" id="CAT_Custom_343661" />

                  </div>

                  </div>

                 

                  <div class="span4">

                  <div class="field">

                  <label>Message:</label>

                  <textarea rows="7" name="CAT_Custom_343660" id="CAT_Custom_343660"

                                    onkeydown="if(this.value.length>=4000)this.value=this.value.substring(0,3999);"></textare a>

                  </div>

                                <div class="field">

                  {module_recaptcha}

                                </div>

                  <div class="submitbutton clearfix">

                  <input type="submit" value="Send Your Message" class="m-btn red rnd right"/>

                  </div>

                  </div>

                                <script type="text/javascript" src="http://domain.businesscatalyst.com/CatalystScripts/ValidationFunctions.js">

                                </script><script type="text/javascript">

                //<![CDATA[

                var submitcount81533 = 0;function checkWholeForm81533(theForm){var why = "";

                if (theForm.email) why += checkEmail(theForm.email.value);

                if (theForm.CAT_Custom_343661) why += isEmpty(theForm.CAT_Custom_343661.value, "Subject");

                if (theForm.CAT_Custom_343660) why += isEmpty(theForm.CAT_Custom_343660.value, "Message");

                if(why != ""){alert(why);return false;}if(submitcount81533 == 0){submitcount81533++;

                theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}

                //]]>

                </script>

                  </form>

                </code>

                 

                As you can see the FirsName and LastName have been added. I do still get the same error that I need to insert the form again. What am I missing here?

                • 5. Re: Web-form errors/Its urgent
                  Liam Dilley CommunityMVP

                  Similar question to one of the above you as well.

                   

                  Go into the admin > site manager > web forms > Click on the form you think that html belongs to.

                  In the url look for the "ID" - note it.

                  In your form you have a webformid of 74594

                  Is it the same?

                  If not - If you delete a form and then make it again, the form on a page, if inserted as HTML will not be the same form and will not be able to submit any information into the system.

                  • 6. Re: Web-form errors/Its urgent
                    aanallein Community Member

                    After I adjusted the form Validation and email field it started working. This despite the fact that I have the ID 74594 mentioned and 81533 for the other fields.. I checked the form and changed some id numbers to follow one form only. Form does work and  messages are sent. But people are shown a homepage with the domain and FormProcessv2.aspx?WebFormID=74594&OID=13686683&OTYPE=1&EID=0&CID=0 in the browser address bar which is not the same page as all styling is gone. Well it is supposed to be home as I did not select a page to redirect to, but the styling for this page does not get loaded properly for some reason. I see these 404s:

                     

                    [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (base.css, line 0)

                    [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (skeleton.css, line 0)

                    [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (layout.css, line 0)

                    [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (slider.js, line 0)

                    [Error] Failed to load resource: the server responded with a status of 404 (Not Found) (jquery.slides.min.js, line 0)

                     

                    They are were they were before and home was loaded fine. It is correct however that these CSS are not added to the site's css or js folder. Looking into this still.

                     

                    P.S. Every time a request for new HTML Form Code a new id number is added to all tags. Only the WebFormID stays the same.

                    • 7. Re: Web-form errors/Its urgent
                      Liam Dilley CommunityMVP

                      Sorry, I am a bit confused with that post, it does not make much sense. I read through it a few times. I do not know what your refering to.

                      You can not just keep making new web forms to update a form, Just update the form. If you are making several changes to a form, insert the form on a page as a module so when you change the customisation layout of the form you wont have to double up on it.

                      If you delete a custom field and remake it, it will have a new ID that you will need to ensure is updated on the form.

                      The form code you posted has no custom landing page set in the form action.

                       

                      This is a good guide for forms:

                      Customizing Web Forms

                       

                      In terms of styles being lost on sites - the common cause is because people have only set their css, images, scripts etc as ... src="css/style.css" But in BC you always need to start with a forward slash. - src="/css/style.css"

                      • 8. Re: Web-form errors/Its urgent
                        aanallein Community Member

                        Thanks for the link. I am checking it out.

                         

                        Well sending forms works well. Each form sent will be confirmed on a completely broken page and can be checked in the CRM. I did add the slash at the beginning of all css and js whether they were files or not, but that did not change anything. Perhaps it is my connection or something else. I have no idea at the moment.

                         

                        Here a screenshot of what I see after I sent a form:

                        Screen Shot 2557-07-21 at 2.47.34 PM.png

                         

                        And again css and js files are requested that are not requested on my index.html nor are they present in my web root. Why does it now ask for /css.base.css, /css/layout.css or /css/skeleton.css for example? See my earlier post with the 404 errors on this. It is not a path issue. I guess it is BC asking for these files now?

                        These files returning 404s were requested by FormProcessV2.aspx. Somehow they cannot be found

                         

                        What I meant by changing IDs is that, when I go to my form ID 74594 and click on "More Actions"  > "Get Web Form HTML Code" HTML is generated and the code for the form name is adjusted as the number following catwebformform6420 is not as it was the last time I generated the html. Then it was 6251.

                        • 9. Re: Web-form errors/Its urgent
                          Liam Dilley CommunityMVP

                          Your not doing any of this the right way

                          Links will be easier. The screenshot you sent you either do not have a template selected on the system message or you not set your css etc properly

                          • 10. Re: Web-form errors/Its urgent
                            aanallein Community Member

                            URL: test site url

                            It was working after all . I only thought the same page would be loaded again, but it went to the system page confirmation page. This page loaded the default template for which the JavaScrips and CSS files were missing. That is why the page loaded the menu and a plain white background. So it looked like all was broken while it was working. I adjusted that and made sure people saw that the message was sent. I also used FullName instead of FirstName and LastName:

                             

                              <label>Name:<span class="req">*</span></label>

                              <input type="text" name="FullName" id="FullName" class="cat_textbox" maxlength="255" />

                              </div>

                             

                            and this script to validate all:

                             

                            <script type="text/javascript" src="http://domain.businesscatalyst.com/CatalystScripts/ValidationFunctions.js"></script>

                            <script type="text/javascript">

                            //<![CDATA[

                            var submitcount9132 = 0;

                            function checkWholeForm9132(theForm){var why = "";

                            if (theForm.FullName) why += isEmpty(theForm.FullName.value, "Full Name");

                            if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value);

                            if(why != ""){alert(why);return false;}if(submitcount9132 == 0){submitcount9132++;theForm.submit();

                            return false;}else{alert("Form submission is in progress.");

                            return false;}}

                            //]]>

                            </script></form>

                             

                            The form is redirected to a page now that is OK looking and the form copy is sent to the sender. But the FullName field does not seem to get stored. First and last name are stored as "filled in" though. What if I need the name to be shown besides the subject and message?