Ticket #4360: WebToLeadForm.html

File WebToLeadForm.html, 10.4 KB (added by saroyanm, on 08/25/2016 at 01:03:19 PM)
Line 
1<html lang='en_us'><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><body><p>
2<script type="text/javascript" src="https://eyeo.sugarondemand.com/cache/include/javascript/sugar_grp1.js?v=w5v4y6Q1cX-YoKlN5l2Nrw"></script>
3</p>
4<form id="WebToLeadForm" action="https://eyeo.sugarondemand.com/index.php?entryPoint=WebToLeadCapture" method="POST" name="WebToLeadForm">
5<table style="border-top: 1px solid; border-bottom: 1px solid; padding: 10px 6px 12px 10px; background-color: #e9f3ff; font-size: 12px; background-repeat: repeat-x; background-position: center top; width: 100%;">
6<tbody>
7<tr style="color: #0069e1; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 0px; margin-top: 0px;" align="center">
8<td colspan="4">
9<h2>Web to lead form for Campaign</h2>
10</td>
11</tr>
12<tr style="color: #0069e1; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 2px; font-weight: normal; margin-bottom: 0px; margin-top: 0px;" align="center">
13<td colspan="4">&nbsp;</td>
14</tr>
15<tr style="color: #0069e1; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 0px; margin-top: 0px;" align="left">
16<td colspan="4">Submitting this form will create a lead and link with campaign</td>
17</tr>
18<tr style="color: #0069e1; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 8px; font-weight: normal; margin-bottom: 0px; margin-top: 0px;" align="center">
19<td colspan="4">&nbsp;</td>
20</tr>
21<tr>
22<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Partner Type: <span class="required" style="color: #ff0000;">*</span></span></td>
23<td style="font-size: 12px; font-weight: normal;" width="35%"><span><select id="partner_type_c" name="partner_type_c" tabindex="1">
24<option selected="selected" value="Publisher">Publisher</option>
25<option value="Ad Network">Ad Network</option>
26<option value="Ad Tech">Ad Tech Provider</option>
27<option value="Advertiser">Advertiser</option>
28</select></span></td>
29<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
30<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
31</tr>
32<tr>
33<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Company Name: </span></td>
34<td style="font-size: 12px; font-weight: normal;" width="35%"><span><input id="account_name" type="text" name="account_name" /></span></td>
35<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
36<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
37</tr>
38<tr>
39<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>First Name: <span class="required" style="color: #ff0000;">*</span></span></td>
40<td style="font-size: 12px; font-weight: normal;" width="35%"><span><input id="first_name" type="text" name="first_name" /></span></td>
41<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
42<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
43</tr>
44<tr>
45<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Last Name: <span class="required" style="color: #ff0000;">*</span></span></td>
46<td style="font-size: 12px; font-weight: normal;" width="35%"><span><input id="last_name" type="text" name="last_name" /></span></td>
47<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
48<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
49</tr>
50<tr>
51<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Job Title: </span></td>
52<td style="font-size: 12px; font-weight: normal;" width="35%"><span><input id="title" type="text" name="title" /></span></td>
53<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
54<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
55</tr>
56<tr>
57<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Company Website: </span></td>
58<td style="font-size: 12px; font-weight: normal;" width="35%"><span><input id="website" type="text" name="website" /></span></td>
59<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
60<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
61</tr>
62<tr>
63<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Email Address: <span class="required" style="color: #ff0000;">*</span></span></td>
64<td style="font-size: 12px; font-weight: normal;" width="35%"><span><input id="email1" type="text" name="email1" onchange="validateEmailAdd();" /></span></td>
65<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
66<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
67</tr>
68<tr>
69<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Exact URL with acceptable ads: <span class="required" style="color: #ff0000;">*</span></span></td>
70<td style="font-size: 12px; font-weight: normal;" width="35%"><span><input id="website_with_acceptable_ads_c" type="text" name="website_with_acceptable_ads_c" /></span></td>
71<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
72<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
73</tr>
74<tr>
75<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Exact second URL with acceptable ads: </span></td>
76<td style="font-size: 12px; font-weight: normal;" width="35%"><span><input id="second_website_with_acc_ads_c" type="text" name="second_website_with_acc_ads_c" /></span></td>
77<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
78<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
79</tr>
80<tr>
81<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Exact third URL with acceptable ads: </span></td>
82<td style="font-size: 12px; font-weight: normal;" width="35%"><span><input id="third_website_with_acc_ads_c" type="text" name="third_website_with_acc_ads_c" /></span></td>
83<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
84<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
85</tr>
86<tr>
87<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>Comments: </span></td>
88<td style="font-size: 12px; font-weight: normal;" width="35%"><span id="sugarslot"><textarea id="proposal_textbox_c" type="text" name="proposal_textbox_c" /> </textarea></span></td>
89<td style="text-align: left; font-size: 12px; font-weight: normal;" width="15%"><span>&nbsp;</span></td>
90<td style="font-size: 12px; font-weight: normal;" width="35%"><span>&nbsp;</span></td>
91</tr>
92<tr style="color: #0069e1; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 0px; margin-top: 0px;" align="center">
93<td colspan="4">&nbsp;</td>
94</tr>
95<tr align="center">
96<td colspan="10"><input class="button" onclick="submit_form();" type="button" name="Submit" value="Submit" /></td>
97</tr>
98<tr>
99<td style="display: none;"><input id="campaign_id" type="hidden" name="campaign_id" value="40e41f0e-ee21-9243-b374-57319a53b6f1" /></td>
100</tr>
101<tr>
102<td style="display: none;"><input id="assigned_user_id" type="hidden" name="assigned_user_id" value="652b2e55-db9d-c45d-e982-51e3ee13f0d8" /></td>
103</tr>
104<tr>
105<td style="display: none;"><input id="team_id" type="hidden" name="team_id" value="1" /></td>
106</tr>
107<tr>
108<td style="display: none;"><input id="team_set_id" type="hidden" name="team_set_id" value="Global" /></td>
109</tr>
110<tr>
111<td style="display: none;"><input id="req_id" type="hidden" name="req_id" value="partner_type_c;first_name;last_name;email1;website_with_acceptable_ads_c;" /></td>
112</tr>
113</tbody>
114</table>
115</form>
116<p>
117<script type="text/javascript">// <![CDATA[
118 function submit_form(){
119        if(typeof(validateCaptchaAndSubmit)!='undefined'){
120                validateCaptchaAndSubmit();
121        }else{
122                check_webtolead_fields();
123        }
124 }
125 function check_webtolead_fields(){
126     if(document.getElementById('bool_id') != null){
127        var reqs=document.getElementById('bool_id').value;
128        bools = reqs.substring(0,reqs.lastIndexOf(';'));
129        var bool_fields = new Array();
130        var bool_fields = bools.split(';');
131        nbr_fields = bool_fields.length;
132        for(var i=0;i<nbr_fields;i++){
133          if(document.getElementById(bool_fields[i]).value == 'on'){
134             document.getElementById(bool_fields[i]).value = 1;
135          }
136          else{
137             document.getElementById(bool_fields[i]).value = 0;
138          }
139        }
140      }
141    if(document.getElementById('req_id') != null){
142        var reqs=document.getElementById('req_id').value;
143        reqs = reqs.substring(0,reqs.lastIndexOf(';'));
144        var req_fields = new Array();
145        var req_fields = reqs.split(';');
146        nbr_fields = req_fields.length;
147        var req = true;
148        for(var i=0;i<nbr_fields;i++){
149          if(document.getElementById(req_fields[i]).value.length <=0 || document.getElementById(req_fields[i]).value==0){
150           req = false;
151           break;
152          }
153        }
154        if(req){
155            document.WebToLeadForm.submit();
156            return true;
157        }
158        else{
159          alert('Please provide all the required fields');
160          return false;
161         }
162        return false
163   }
164   else{
165    document.WebToLeadForm.submit();
166   }
167}
168function validateEmailAdd(){
169        if(document.getElementById('email1') && document.getElementById('email1').value.length >0) {
170                if(document.getElementById('email1').value.match(/^\w+(['\.\-\+]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/) == null){
171                  alert('Not a valid email address');
172                }
173        }
174        if(document.getElementById('email2') && document.getElementById('email2').value.length >0) {
175                if(document.getElementById('email2').value.match(/^\w+(['\.\-\+]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/) == null){
176                  alert('Not a valid email address');
177                }
178        }
179}
180// ]]></script>
181</p></body></html>