我需要在提交表单后显示确认消息,最好是在表单上方。该表单将详细信息发送到 Zoho CRM(并由 CRM 自动生成),因此某些值不灵活,而其他脚本由 CRM 生成。另外,我希望在提交文件时开始下载文件,所以目前返回URL="/myfile.pdf"。也是#2(可能重要也可能不重要),此表单位于弹出div中。
我试图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>