使用 JavaScript 发送表单确认消息（使用 Zoho 联系表单）答案

【问题标题】：Using JavaScript for form confirmation message (with Zoho contact form)使用 JavaScript 发送表单确认消息（使用 Zoho 联系表单）
【发布时间】：2013-09-08 13:32:04
【问题描述】：

我需要在提交表单后显示确认消息，最好是在表单上方。该表单将详细信息发送到 Zoho CRM（由 CRM 自动生成），因此一些值不灵活，而其他脚本由 CRM 生成。另外，我希望在提交文件时开始下载文件，因此目前返回URL="/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>

【问题讨论】：

标签： javascript forms onsubmit confirmation zoho

【解决方案1】：

最好的选择是使用 Zoho Creator 表单。使用 Zoho Creator，您可以push data to Zoho CRM，并执行其他操作（如打开文件下载 URL。）

【讨论】：

我们的 Zoho 版本似乎不支持 Zoho 应用程序。我看到 Zoho Creator 有一个“永远免费”的版本，但似乎没有办法与我们现有的帐户绑定。

【解决方案2】：

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

【讨论】：