Использование JavaScript для подтверждения формы сообщения (с контактной формой Zoho)
Мне нужно получить подтверждающее сообщение для отображения после отправки формы, желательно прямо над формой. Форма отправляет детали в Zoho CRM (и была сгенерирована автоматически CRM), поэтому некоторые значения не являются гибкими, а другой сценарий генерируется CRM. Кроме того, я хотел, чтобы файл начинал загрузку при его отправке, поэтому в настоящее время returnURL="/myfile.pdf". Также #2 (что может иметь или не иметь значение), эта форма находится во всплывающем окне.
Я пытался ввести что-то вроде javascript:document.getElementById('message').style.visibility='visible'; в разделе onSubmit, но оно не показывало мое сообщение и не прошло проверку обязательных полей.
Что я должен сделать, чтобы заставить это работать? Я не знаю 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 ответа
Лучший вариант - использовать форму Zoho Creator. Используя Zoho Creator, вы можете отправить данные в Zoho CRM и выполнить другие действия (например, открыть URL-адрес загрузки файла).
Интеграция с ZCRM является платной функцией. Если вы все еще хотите "вставить данные ZC в CRM", вы можете попробовать использовать CRM API https://www.zoho.com/crm/help/api/api-methods.html