使用JavaScript进行表单确认消息(使用Zoho联系表单)

时间:2013-09-04 21:25:20

标签: javascript forms onsubmit confirmation zoho

我需要在表单提交后显示确认消息,最好在表单上方。表单向Zoho CRM发送详细信息(并由CRM自动生成),因此某些值不灵活,另一个脚本由CRM生成。另外,我希望文件在提交时开始下载,所以目前returnURL =“/ myfile.pdf”。同样#2(可能或不重要),此表单位于弹出式div中。

我试图在onSubmit部分注入类似javascript:document.getElementById('message').style.visibility='visible';的内容,但它没有显示我的消息,并且它打破了对必填字段的检查。

我应该怎么做才能让它发挥作用?我不懂JavaScript,所以我完全失去了。救命! (请!)

这是我的代码,为简洁省略了一些输入和选择字段:

<div id="message" style="visibility: hidden;
color: black;
font: 20px/22px sans serif;
border: solid 1px red;
width: 300px;">Thanks a bunch</div>

<form  style="display:inline;" accept-charset="UTF-8" action="https://crm.zoho.com/crm/WebToLeadForm" method="POST" name="WebToLeads202746000001545001" onSubmit='javascript:document.charset="UTF-8"; return checkMandatery()' accept-charset='UTF-8'>
<table id="essentialguide" width="300" border="0" cellspacing="0" cellpadding="5">
<input type='text' style='display:none;' name='xnQsjsdp' value='2KHRA9qO5KM$'/>  <input type='hidden' name='zc_gad' id='zc_gad' value=''/>  
<input type='text' style='display:none;' name='xmIwtLD' value='5H7uZFz1HBbmsqZYnupu@m-@B6-MHnNR'/>  
<input type='text'  style='display:none;' name='actionType' value='TGVhZHM='/>  <input type='text' style='display:none;' name='returnURL' value='http://www.mysite.com/myfile.pdf' />
<tbody>
<tr>
<td>First name: <input type="text" maxlength="40" name="First Name" size="40" /></td>
</tr>
<tr>
<td>Last name: <input type="text" maxlength="80" name="Last Name" size="40" /></td>
</tr>
<tr>
<td>Email: <input type="text" maxlength="100" name="Email" size="40" /></td>
</tr>
<tr>
<td style="background-color: #fff;" colspan="2" align="center"><input class="submit" type="submit" name="save" value="Submit" /></td>
</tr>
</tbody>
</table>
<script type="text/javascript">// <![CDATA[ var mndFileds=new Array('First Name','Last Name','Email');var fldLangVal=new Array('First Name','Last Name','Email');function checkMandatery(){for(i=0;i<mndFileds.length;i++){ var fieldObj=document.forms['WebToLeads202746000001545001'][mndFileds[i]];if(fieldObj) {if(((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0){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;}}}}}
// ]]></script>

</form>

2 个答案:

答案 0 :(得分:0)

最佳选择是使用Zoho Creator表格。使用Zoho Creator,您可以push data to Zoho CRM,并执行其他操作(例如打开文件下载URL。)

答案 1 :(得分:0)

与ZCRM集成是一项付费功能 如果您仍想“将ZC数据推入CRM” 您可以尝试使用CRM API https://www.zoho.com/crm/help/api/api-methods.html