Streaming live at 10am (PST)

Help with Form Embed Code


#1

Hi there

I need help trying to get this form code to work in Webflow.

I have managed to do this with many embed forms with the help of the forum, but this one has me stumped

I have not included a share link because nothing is working!

Here is the Form Code I have been given by my client:

<!-- Begin Opt-In Form -->

<form method="post" name="formK" id="formK" action="http://www.oursystempaysyou.com/site/ReadOutsideSurvey.asp"	 onSubmit=" this.frm_input_Last.optional = true; this.frm_input_phone.optional = true; 	 return verify(this);"	> <input type="hidden" name="DL" value="424568"> <input type="hidden" name="OCF" value="5097">
<table cellpadding="0" cellspacing="0"><tr><td align="center"><table><tr><td align="right" nowrap class="headercell"><span class="fieldheader">First Name: </span></td><td align="right" class="inputcell"><input name="First" id="frm_input_First" type="text" class="field" style="width: 165px;" maxlength="50" /></td></tr><tr><td align="right" nowrap class="headercell"><span class="fieldheader">Last Name: </span></td><td align="right" class="inputcell"><input name="Last" id="frm_input_Last" type="text" class="field" style="width: 165px;" maxlength="50" /></td></tr><tr><td align="right" nowrap class="headercell"><span class="fieldheader">Email Address: </span></td><td align="right" class="inputcell"><input name="Email" id="frm_input_Email" type="text" class="field" style="width: 165px;" maxlength="50" /></td></tr><tr><td align="right" nowrap class="headercell"><span class="fieldheader">Phone: </span></td><td align="right" class="inputcell"><input name="Phone" id="frm_input_phone" type="text" class="field" style="width: 165px;" maxlength="50" /></td></tr></table><input value="Click Here for Instant Access" type="submit" name="CustomSubmitButton" id="CustomSubmitButton" class="OCFstandardButton2" /></td></tr></table></form>
<script type="text/javascript">
 function isblank(s)
 {
 for ( var i = 0; i < s.length; i++ )
 {
 var c = s.charAt(i);
 if ( ( c != ' ' ) && ( c != '\n' ) && ( c != '\t' ) )
 {
				return false;
			}
 }
 return true;
 }
 function containblank(s)
 {
 for ( var i = 0; i < s.length; i++ )
 {
 var c = s.charAt(i);
 if ( ( c == ' ' ) || ( c == '\n' ) || ( c == '\t' ) ) return true;
 }
 return false;
 }
 function verify(f){
		return verifywithcustommessage(f,'Please correct these error(s) and re-submit');
 }
 function verifywithcustommessage(f,strMsg)
 {
 var msg;
 var empty_fields = "";
 var errors = "";
 for ( var i = 0; i < f.length; i++ )
 {
 var e = f.elements[i];
 if ( ( ( e.type == "text" ) || ( e.type == "textarea" ) || ( e.type == "file" ) || ( e.type == "password" ) ) && !e.optional )
 {
 if ( ( e.value == null ) || ( e.value == "" ) || isblank( e.value ) )
 {
					empty_fields += "\n " + e.name.replace(/_/g," ");
 continue;
 }
 if ( e.numeric || ( e.min != null && e.min != "" ) || ( e.max != null && e.max != "") )
 {
 var v = parseFloat( e.value );
 if ( isNaN( v ) ||
 ( ( e.min != null ) && ( v < e.min ) ) ||
 ( ( e.max != null ) && ( v > e.max ) ) )
 {
 errors += "_ The field " + e.name.replace(/_/g," ") + " must be a number";
 if ( e.min != null )
 errors += " that is greater than " + e.min;
 if ( e.max != null && e.min != null )
 errors += " and less than " + e.max;
 else if ( e.max != null )
 errors += " that is less than " + e.max;
 errors += ".\n";
 }
 }
 if ( e.image )
 {
					if ( e.value.indexOf('.') != -1 )
					{
						strExt = e.value.substring ( e.value.lastIndexOf( '.' ) +1 ).toUpperCase();
						if ( strExt != 'GIF' && strExt != 'JPG' )
						{
							errors += "_ The field " + e.name.replace(/_/g," ") + " must be an image.\n";
						}
					}
 }
 if ( e.text )
 {
					if ( e.value.indexOf('.') != -1 )
					{
						strExt = e.value.substring( e.value.lastIndexOf( '.' ) +1 ).toUpperCase();
						if ( strExt != 'TXT' && strExt != 'HTM' && strExt != 'HTML' )
						{
							errors += "_ The field " + e.name.replace(/_/g," ") + " must be an HTML or TXT file.\n";
						}
					}
				}
				
				
				if ( e.noblanks )
				{
					if ( containblank(e.value) )
					{
						errors += "_ The field " + e.name.replace(/_/g," ") + " must not contain spaces.\n";
					}
				}
				
				if ( e.confirm != null )
				{
					if ( e.value != e.confirm.value )
					{
						errors += "_ The passwords you entered are not equal."
					}
				}
				
				if ( e.email )
				{
					s = e.email.value
			 for ( var i = 0; i < s.length; i++ )
					{
						var c = s.charAt(i);
						if ( ( c < '\x2e' ) || ( c > '\x7a' ) )
						{
							errors += "_ The email address you entered is not valid."
						}
					}
					return true;	
				}
 }
 if (e.type == "select-one") {
				if (e.selectedIndex == e.invalidIndex) {
					empty_fields += "\n " + e.name.replace(/_/g," ");
					//errors += "_ You must choose an option from the drop down box."
				}
 }
 }
 if ( !empty_fields && !errors ) return true;
 msg = "_________________________________________________\n\n"
 msg += " The form was not submitted due to the following error(s).\n";
 msg += " " + strMsg + ".\n";
 msg += "_________________________________________________\n\n"
 if ( empty_fields )
 {
 msg += "The following required field(s) are empty:"
 + empty_fields + "\n";
 if ( errors ) msg += "\n";
 }
 msg += errors;
 alert(msg);
 return false;
	}
</script>
<script type="text/javascript">
window.onload = function (){
	var formK_lc = document.getElementById('formK');
	if (formK_lc){
		var maxWidth = 0;
		var e;
		for ( var i = 0; i < formK_lc.length; i++ ){
			e = formK_lc.elements[i];
			if ( (e.type == "select-one") && (e.name.indexOf("Date_Of_Birth") < 0) ){
				if (e.offsetWidth > maxWidth){
					maxWidth = e.offsetWidth
				}
			}
		}
		
		if (maxWidth == 0){ maxWidth = 261; }
		
		for ( var i = 0; i < formK_lc.length; i++ ){
			var e = formK_lc.elements[i];
			if ( (e.type == "select-one") && (e.name.indexOf("Date_Of_Birth") < 0) ){
				e.style.width=maxWidth + 'px'
			}
		}
	}
}
</script>

<!-- End Opt-In Form -->

Any advice would be greatly appreciated

Paul

Here is my public share link: LINK
(how to access public share link)


#2

Hi @quittoo, thanks for your post. It looks like the issue may be that the total custom code is 5705 characters and the max limit is 5000 in custom code.

When I looked though, minifying the custom code and then pasted into the widget allowed that to be used:

<form method="post" name="formK" id="formK" action="http://www.oursystempaysyou.com/site/ReadOutsideSurvey.asp" onSubmit=" this.frm_input_Last.optional=true; this.frm_input_phone.optional=true; return verify(this);"> <input type="hidden" name="DL" value="424568"> <input type="hidden" name="OCF" value="5097"><table cellpadding="0" cellspacing="0"><tr><td align="center"><table><tr><td align="right" nowrap class="headercell"><span class="fieldheader">First Name: </span></td><td align="right" class="inputcell"><input name="First" id="frm_input_First" type="text" class="field" style="width: 165px;" maxlength="50"/></td></tr><tr><td align="right" nowrap class="headercell"><span class="fieldheader">Last Name: </span></td><td align="right" class="inputcell"><input name="Last" id="frm_input_Last" type="text" class="field" style="width: 165px;" maxlength="50"/></td></tr><tr><td align="right" nowrap class="headercell"><span class="fieldheader">Email Address: </span></td><td align="right" class="inputcell"><input name="Email" id="frm_input_Email" type="text" class="field" style="width: 165px;" maxlength="50"/></td></tr><tr><td align="right" nowrap class="headercell"><span class="fieldheader">Phone: </span></td><td align="right" class="inputcell"><input name="Phone" id="frm_input_phone" type="text" class="field" style="width: 165px;" maxlength="50"/></td></tr></table><input value="Click Here for Instant Access" type="submit" name="CustomSubmitButton" id="CustomSubmitButton" class="OCFstandardButton2"/></td></tr></table></form><script type="text/javascript">window.onload=function (){var formK_lc=document.getElementById('formK');if (formK_lc){var maxWidth=0;var e;for ( var i=0; i < formK_lc.length; i++ ){e=formK_lc.elements[i];if ( (e.type=="select-one") && (e.name.indexOf("Date_Of_Birth") < 0) ){if (e.offsetWidth > maxWidth){maxWidth=e.offsetWidth}}}if (maxWidth==0){maxWidth=261;}for ( var i=0; i < formK_lc.length; i++ ){var e=formK_lc.elements[i];if ( (e.type=="select-one") && (e.name.indexOf("Date_Of_Birth") < 0) ){e.style.width=maxWidth + 'px'}}}}</script><script type="text/javascript">function isblank(s){for ( var i=0; i < s.length; i++ ){var c=s.charAt(i); if ( ( c !=' ' ) && ( c !='\n' ) && ( c !='\t' ) ){return false;}}return true;}function containblank(s){for ( var i=0; i < s.length; i++ ){var c=s.charAt(i); if ( ( c==' ' ) || ( c=='\n' ) || ( c=='\t' ) ) return true;}return false;}function verify(f){return verifywithcustommessage(f,'Please correct these error(s) and re-submit');}function verifywithcustommessage(f,strMsg){var msg; var empty_fields=""; var errors=""; for ( var i=0; i < f.length; i++ ){var e=f.elements[i]; if ( ( ( e.type=="text" ) || ( e.type=="textarea" ) || ( e.type=="file" ) || ( e.type=="password" ) ) && !e.optional ){if ( ( e.value==null ) || ( e.value=="" ) || isblank( e.value ) ){empty_fields +="\n " + e.name.replace(/_/g," "); continue;}if ( e.numeric || ( e.min !=null && e.min !="" ) || ( e.max !=null && e.max !="") ){var v=parseFloat( e.value ); if ( isNaN( v ) || ( ( e.min !=null ) && ( v < e.min ) ) || ( ( e.max !=null ) && ( v > e.max ) ) ){errors +="_ The field " + e.name.replace(/_/g," ") + " must be a number"; if ( e.min !=null ) errors +=" that is greater than " + e.min; if ( e.max !=null && e.min !=null ) errors +=" and less than " + e.max; else if ( e.max !=null ) errors +=" that is less than " + e.max; errors +=".\n";}}if ( e.image ){if ( e.value.indexOf('.') !=-1 ){strExt=e.value.substring ( e.value.lastIndexOf( '.' ) +1 ).toUpperCase();if ( strExt !='GIF' && strExt !='JPG' ){errors +="_ The field " + e.name.replace(/_/g," ") + " must be an image.\n";}}}if ( e.text ){if ( e.value.indexOf('.') !=-1 ){strExt=e.value.substring( e.value.lastIndexOf( '.' ) +1 ).toUpperCase();if ( strExt !='TXT' && strExt !='HTM' && strExt !='HTML' ){errors +="_ The field " + e.name.replace(/_/g," ") + " must be an HTML or TXT file.\n";}}}if ( e.noblanks ){if ( containblank(e.value) ){errors +="_ The field " + e.name.replace(/_/g," ") + " must not contain spaces.\n";}}if ( e.confirm !=null ){if ( e.value !=e.confirm.value ){errors +="_ The passwords you entered are not equal."}}if ( e.email ){s=e.email.value for ( var i=0; i < s.length; i++ ){var c=s.charAt(i);if ( ( c < '\x2e' ) || ( c > '\x7a' ) ){errors +="_ The email address you entered is not valid."}}return true;}}if (e.type=="select-one"){if (e.selectedIndex==e.invalidIndex){empty_fields +="\n " + e.name.replace(/_/g," ");//errors +="_ You must choose an option from the drop down box."}}}if ( !empty_fields && !errors ) return true; msg="_________________________________________________\n\n" msg +=" The form was not submitted due to the following error(s).\n"; msg +=" " + strMsg + ".\n"; msg +="_________________________________________________\n\n" if ( empty_fields ){msg +="The following required field(s) are empty:" + empty_fields + "\n"; if ( errors ) msg +="\n";}msg +=errors; alert(msg); return false;}</script>

I hope this helps, if not, let me know and I am happy to assist further.


#3

Hi Dave.

I have now broken this down to the following code.

<!-- Begin Opt-In Form -->
<form method="post" name="formK" id="formK" action="/site/BotCheck.asp"	 onSubmit=" this.frm_input_Last.optional = true; this.frm_input_phone.optional = true; 	 return verify(this);"	> 
{%InternalFormDefaultValues%}165793%}
<input type="hidden" name="MandatoryFieldsPrimary" value="Name,Email" />
<input type="hidden" name="First" id="frm_input_First" type="text" class="field">
<input type="hidden" name="Email" id="frm_input_Email" type="text" class="field">
<input type="hidden"name="Phone" id="frm_input_Phone" type="text" class="field">

<!-- END Opt-In Form -->

The only issue now is that this part of the FORM:

{%InternalFormDefaultValues%}165793%}

is NOT hidden and is pushing the SUBMIT button down and is also visible in GREY above the button on the published site.

Is there ANY way to make this part of the form hidden, but still work?

Or do you have any further thoughts

Thanks

Paul

https://preview.webflow.com/preview/plslcp-dollars?preview=e9c2067d3bc9d9c0a6b0d9f89bc6e45e


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.