0% found this document useful (0 votes)
8K views11 pages

Source Code Form and Thanku Page Email

This document contains the code for a web form that collects a user's name, email, company, and consent to privacy policies. The form uses CSS for styling and includes JavaScript for validation of mandatory fields and email format. When submitted, the form will send the input data to a specified URL for processing.

Uploaded by

Ankit Jain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8K views11 pages

Source Code Form and Thanku Page Email

This document contains the code for a web form that collects a user's name, email, company, and consent to privacy policies. The form uses CSS for styling and includes JavaScript for validation of mandatory fields and email format. When submitted, the form will send the input data to a specified URL for processing.

Uploaded by

Ankit Jain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 11

<!

-- Note :

- You can modify the font style and form style to suit your website.

- Code lines with comments Do not remove this code are required for the form to work properly, make
sure that you do not remove these lines of code.

- The Mandatory check script can modified as to suit your business needs.

- It is important that you test the modified form before going live.-->

<div id='crmWebToEntityForm' class='zcwf_lblTopBottom crmWebToEntityForm' style='background-


color: white;color: #000000;max-width: 404px;'>

<meta name='viewport' content='width=device-width, initial-scale=1.0'>

<META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>

<form action='https://crm.zoho.in/crm/WebToLeadForm' name=WebToLeads196947000002654001


method='POST' onSubmit='javascript:document.charset="UTF-8"; return
checkMandatory196947000002654001()' accept-charset='UTF-8'>

<input type='text' style='display:none;' name='xnQsjsdp'


value='48a1f9c03dd46a45124498c2a83d0389ee8908a9e181f2a49b3561bad2da7c04'></input>

<input type='hidden' name='zc_gad' id='zc_gad' value=''></input>

<input type='text' style='display:none;' name='xmIwtLD'


value='ed2bfb6ea870855fd8e6c2618429352a90a37445ec795de4e904966d1ece0cdb'></input>

<input type='text' style='display:none;' name='actionType' value='TGVhZHM='></input>

<input type='text' style='display:none;' name='returnURL'


value='https&#x3a;&#x2f;&#x2f;www.dynamicssquare.co.uk&#x2f;thank-you&#x2f;email-
subscriber&#x2f;' > </input>

<!-- Do not remove this code. -->

<style>

html,body{

margin: 0px;

#crmWebToEntityForm.zcwf_lblTopBottom {

width:100%;

padding: 25px;

margin: 0 auto;

box-sizing: border-box;
}

#crmWebToEntityForm.zcwf_lblTopBottom * {

box-sizing: border-box;

#crmWebToEntityForm{text-align: left;}

#crmWebToEntityForm * {

direction: ltr;

.zcwf_lblTopBottom .zcwf_title {

word-wrap: break-word;

padding: 0px 6px 10px;

font-weight: bold;

.zcwf_lblTopBottom .zcwf_col_fld input[type=text], .zcwf_lblTopBottom .zcwf_col_fld textarea {

width: 60%;

border: 1px solid #ccc !important;

resize: vertical;

border-radius: 2px;

float: left;

.zcwf_lblTopBottom .zcwf_col_lab {

width: 30%;

word-break: break-word;

padding: 0px 6px 0px;

margin-right: 10px;

margin-top: 5px;

padding-bottom: 4px;

.zcwf_lblTopBottom .zcwf_col_fld {
width: 60%;

padding: 0px 6px 0px;

position: relative;

margin-top: 5px;

.zcwf_lblTopBottom .zcwf_privacy{padding: 6px;}

.zcwf_lblTopBottom .wfrm_fld_dpNn{display: none;}

.dIB{display: inline-block;}

.zcwf_lblTopBottom .zcwf_col_fld_slt {

width: 60%;

border: 1px solid #ccc;

background: #fff;

border-radius: 4px;

font-size: 12px;

float: left;

resize: vertical;

.zcwf_lblTopBottom .zcwf_row:after, .zcwf_lblTopBottom .zcwf_col_fld:after {

content: '';

display: table;

clear: both;

.zcwf_lblTopBottom .zcwf_col_help {

float: left;

margin-left: 7px;

font-size: 12px;

max-width: 35%;

word-break: break-word;

}
.zcwf_lblTopBottom .zcwf_help_icon {

cursor: pointer;

width: 16px;

height: 16px;

display: inline-block;

background: #fff;

border: 1px solid #ccc;

color: #ccc;

text-align: center;

font-size: 11px;

line-height: 16px;

font-weight: bold;

border-radius: 50%;

.zcwf_lblTopBottom .zcwf_row {margin: 15px 0px;}

.zcwf_lblTopBottom .formsubmit {

margin-right: 5px;

cursor: pointer;

color: #333;

font-size: 12px;

.zcwf_lblTopBottom .zcwf_privacy_txt {

width: 90%;

color: rgb(0, 0, 0);

font-size: 12px;

font-family: Arial;

display: inline-block;

vertical-align: top;

color: #333;
padding-top: 2px;

margin-left: 6px;

.zcwf_lblTopBottom .zcwf_button {

font-size: 12px;

color: #333;

border: 1px solid #ccc;

padding: 3px 9px;

border-radius: 4px;

cursor: pointer;

max-width: 120px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

.zcwf_lblTopBottom .zcwf_tooltip_over{

position: relative;

.zcwf_lblTopBottom .zcwf_tooltip_ctn{

position: absolute;

background: #dedede;

padding: 3px 6px;

top: 3px;

border-radius: 4px;word-break: break-all;

min-width: 100px;

max-width: 150px;

color: #333;

z-index: 100;

}
.zcwf_lblTopBottom .zcwf_ckbox{

float: left;

.zcwf_lblTopBottom .zcwf_file{

width: 35%;

box-sizing: border-box;

float: left;

.clearB:after{

content:'';

display: block;

clear: both;

@media all {

.zcwf_lblTopBottom .zcwf_col_lab, .zcwf_lblTopBottom .zcwf_col_fld {

width: auto;

float: none !important;

.zcwf_lblTopBottom .zcwf_col_help {width: 40%;}

</style>

<div class='zcwf_title' style='max-width: 404px;color: #000000;'>DS UK Email Subscriber</div>

<div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label


for='Last_Name'>Full Name<span style='color:red;'>*</span></label></div><div
class='zcwf_col_fld'><input type='text' id='Last_Name' name='Last Name' maxlength='80'></input><div
class='zcwf_col_help'></div></div></div>

<div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label


for='Email'>Work Email<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input
type='text' ftype='email' id='Email' name='Email' maxlength='100'></input><div
class='zcwf_col_help'></div></div></div>
<div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label
for='Company'>Company<span style='color:red;'>*</span></label></div><div
class='zcwf_col_fld'><input type='text' id='Company' name='Company' maxlength='200'></input><div
class='zcwf_col_help'></div></div></div><div class='zcwf_row'><div class='zcwf_privacy'><div class='dIB
vat' align='left'><div class='displayPurpose f13'><label class='newCustomchkbox-md dIB
w100per'><input autocomplete='off' id='privacyTool196947000002654001' type='checkbox'
name='privacyTool' onclick='disableErr196947000002654001()'></label></div></div><div class='dIB
zcwf_privacy_txt' style='font-size: 12px;font-family:Arial;color: #000000;'><div style='font-family:
Verdana,arial,Helvetica,sans-serif;'>I agree to the <a href='https://www.dynamicssquare.co.uk/privacy-
policy/' title='https://www.dynamicssquare.co.uk/privacy-policy/' target='_blank'>privacy
policy</a>,&nbsp;<a href='https://www.dynamicssquare.co.uk/terms-of-use/'
title='https://www.dynamicssquare.co.uk/terms-of-use/' target='_blank'>terms of use</a>&nbsp;&amp;
give consent to receive creatives, newsletters and other updates.&nbsp;</div></div> <div
id='privacyErr196947000002654001' style='font-size:12px;color:red;padding-left:
5px;visibility:hidden;'>Please accept this</div></div></div><div class='zcwf_row'><div
class='zcwf_col_lab'></div><div class='zcwf_col_fld'><input type='submit' id='formsubmit'
class='formsubmit zcwf_button' value='Submit' title='Submit'><input type='reset' class='zcwf_button'
name='reset' value='Reset' title='Reset'></div></div>

<script>

function privacyAlert196947000002654001()

var privacyTool =
document.getElementById('privacyTool196947000002654001');

var privacyErr = document.getElementById('privacyErr196947000002654001');

if(privacyTool !=undefined && !privacyTool.checked )

privacyErr.style.visibility='visible';

privacyTool.focus();

return false;

return true;

function disableErr196947000002654001()

{
var privacyTool =
document.getElementById('privacyTool196947000002654001');

var privacyErr = document.getElementById('privacyErr196947000002654001');

if(privacyTool !=undefined && privacyTool.checked && privacyErr !=undefined )

privacyErr.style.visibility='hidden';

function validateEmail196947000002654001()

var form = document.forms['WebToLeads196947000002654001'];

var emailFld = form.querySelectorAll('[ftype=email]');

var i;

for (i = 0; i < emailFld.length; i++)

var emailVal = emailFld[i].value;

if((emailVal.replace(/^\s+|\s+$/g, '')).length!=0 )

var atpos=emailVal.indexOf('@');

var dotpos=emailVal.lastIndexOf('.');

if (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailVal.length)

alert('Please enter a valid email address. ');

emailFld[i].focus();

return false;

return true;
}

function checkMandatory196947000002654001() {

var mndFileds = new Array('Company','Last Name','Email');

var fldLangVal = new Array('Company','Full\x20Name','Work\x20Email');

for(i=0;i<mndFileds.length;i++) {

var fieldObj=document.forms['WebToLeads196947000002654001'][mndFileds[i]];

if(fieldObj) {

if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) {

if(fieldObj.type =='file')

alert('Please select a file to upload.');

fieldObj.focus();

return false;

alert(fldLangVal[i] +' cannot be empty.');

fieldObj.focus();

return false;

} else if(fieldObj.nodeName=='SELECT') {

if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {

alert(fldLangVal[i] +' cannot be none.');

fieldObj.focus();

return false;

} else if(fieldObj.type =='checkbox'){

if(fieldObj.checked == false){

alert('Please accept '+fldLangVal[i]);

fieldObj.focus();

return false;
}

try {

if(fieldObj.name == 'Last Name') {

name = fieldObj.value;

} catch (e) {}

if(!validateEmail196947000002654001()){return false;}

if(!privacyAlert196947000002654001()){return false;}

document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled',
true);

function tooltipShow196947000002654001(el){

var tooltip = el.nextElementSibling;

var tooltipDisplay = tooltip.style.display;

if(tooltipDisplay == 'none'){

var allTooltip = document.getElementsByClassName('zcwf_tooltip_over');

for(i=0; i<allTooltip.length; i++){

allTooltip[i].style.display='none';

tooltip.style.display = 'block';

}else{

tooltip.style.display='none';

}
</script>

<!-- Do not remove this --- Analytics Tracking code starts --><script id='wf_anal'
src='https://crm.zohopublic.in/crm/WebFormAnalyticsServeServlet?
rid=ed2bfb6ea870855fd8e6c2618429352a90a37445ec795de4e904966d1ece0cdbgid48a1f9c03dd46a45
124498c2a83d0389ee8908a9e181f2a49b3561bad2da7c04gid534cb20477b1d28b5f45f7cc241888c5gid4
ee3a7e9ace6ab1be7c541b329164307&tw=096a715cbfc30dc79d6dc215bf71c5b4284d938378e51186a6
daa9337f7519a8'></script><!-- Do not remove this --- Analytics Tracking code ends. --></form>

</div>

You might also like