我可以看到我创建的此表单,但是无法在该字段中输入电子邮件地址。
问题出在所有浏览器上,尽管当我在IE中进行测试时,出现了一个验证图标,该图标确实在起作用(这是绿色复选框,表示有效的电子邮件,红色“ X”表示无效的格式。)由此得出的推论是,表单以某种方式接收了输入,但不可见。
我已经尝试解决了几个小时,但现在我陷入了困境。诚然,我是Web开发的新手,我的主要故障排除途径是逐段删除代码,然后进行测试和重新测试以查看是否可以找到问题。我尝试删除表(大的提交按钮可以看到它们已经消失了),删除了一些我认为无关紧要的脚本,但似乎找不到解决方案。
在此页面上,我拥有正在使用的表格:http : //dev.premierpaymentsystems.com/newsletter-sign
表单本身是使用称为“ Act-on”的营销自动化工具生成的。此处的代码是从“操作”工具中提取的。
任何帮助将不胜感激。在独立测试中运行代码时,它可以正常工作,因此我要做出的另一个假设是,页面上还有其他干扰,但是我不知道从哪里开始进行故障排除。
完整代码(在我进行调整之前)在这里:
<form id="form_0001" method="post" enctype="multipart/form-data" action="http://info.premierpaymentsystems.com/acton/forms/userSubmit.jsp" accept-charset="UTF-8" target="_blank">
<input type="hidden" name="ao_a" value="15000" >
<input type="hidden" name="ao_f" value="0001" >
<input type="hidden" name="ao_d" value="0001:d-0001" >
<input type="hidden" name="ao_p" id="ao_p" value="0" >
<input type="hidden" name="ao_jstzo" id="ao_jstzo" value="" >
<input type="hidden" name="ao_cuid" value="" >
<input type="hidden" name="ao_srcid" value="" >
<input type="hidden" name="ao_bot" id="ao_bot" value="yes" >
<input type="hidden" name="ao_camp" value="" >
<link rel="stylesheet" type="text/css" href="http://info.premierpaymentsystems.com/acton/form/15000/0001/form.css">
<div id="ao_alignment_container" align="center">
<table class="ao_tbl_container" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="ao_tbl_cell" style="padding-left: 10px; padding-right: 10px" align="center">
<div align="left">
<div class="formField">
<div class="formFieldLabel" id="form_0001_fld_0-Label">
<label for = "form_0001_fld_0">
E-mail</label>
</div>
<input type="text" class="formFieldText formFieldMedium" id="form_0001_fld_0" name="E-mail Address" onBlur="singleCheck ('form_0001_fld_0', 'EMAIL', 'form_0001_fld_0-Label')">
</div>
<script type="text/javascript">
if (typeof(addFieldToValidate) != 'undefined') { addFieldToValidate ('form_0001_fld_0', 'EMAIL'); } </script>
</div>
</td>
</tr>
<!-- BUTTONS -->
<tr>
<td>
</td>
</tr>
<tr>
<td style="padding-bottom: 10px" align="center" id="form_0001_ao_submit_button">
<input id="form_0001_ao_submit_input" type="button" name="Submit" value="Submit" onClick="doSubmit(document.getElementById('form_0001'))">
</td>
</tr>
<tr class="formNegCap">
<td>
<input type="text" id="ao_form_neg_cap" name="ao_form_neg_cap" value="">
</td>
</tr>
</table>
</div>
<img src='http://info.premierpaymentsystems.com/acton/form/15000/0001:d-0001/pgend.gif' width='1' height='1'>
</form>
您必须删除或扩大CSS类的高度属性:.formFieldText(目前为19px)
您可以使用Chrome或Firefox分析和测试它(右键单击该元素,然后从上下文菜单中选择Web-Developer / Inpect-Element或类似的东西。之后,您可以轻松地更改CSS代码)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句