为什么不能在输入字段中选择并输入数据?

罗伯特·布莱克

我可以看到我创建的此表单,但是无法在该字段中输入电子邮件地址。

问题出在所有浏览器上,尽管当我在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>
&nbsp;</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>
Ben

您必须删除或扩大CSS类高度属性:.formFieldText(目前为19px)

您可以使用Chrome或Firefox分析和测试它(右键单击该元素,然后从上下文菜单中选择Web-Developer / Inpect-Element或类似的东西。之后,您可以轻松地更改CSS代码)

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么不能在这些输入框中选择?

为什么我不能在输入文本字段中输入?

为什么我不能在WPF数据网格中选择单元格?

为什么我不能在HTML5数字字段中输入500?

为什么不能在输入字段中捕获值?(JS / HTML)

为什么我不能在jQuery中使用此正则表达式过滤器选择此输入字段?

为什么我不能在React中更改输入值?

为什么我不能在这里输入“ void”?

为什么不能在pygame中输入任何内容?

为什么我不能在代码中输入设置?

为什么我不能在输入中使用空格字符?

为什么我不能在 Blazor 中使用输入值?

为什么我的单选输入只能在整个数组映射的数组列表中选择一个选项?

为什么我不能“选择输入”一个名称以数字开头的数据库?

为什么我不能在表单输入中输入任何内容

为什么我不能在与Firefox中的角度模型绑定的输入中输入文本?

为什么我不能删除输入字段中的字符

为什么我不能使用javascript清除输入字段?

为什么我不能得到值选择和输入?

为什么我不能在 SpeechSynthesisUtterance() 中选择女性“Microsoft Zira”语音?

为什么不能在终端窗口中选择要写入的位置?

为什么我不能在 Xcode 中选择“Sign in with Apple”功能?

为什么我不能在我的 tableview 中选择一个复选框?

为什么不能在VBA中从这样的列表框中选择变量?

为什么我不能在这个变量中选择任何东西?

AngularJS 在输入字段中选择选项

根据Web表单中选择字段的值更改输入字段的数据要求

为什么我无法从输入字段 JavaScript 中获取数据

为什么不能在scanf中输入带小数点的数字?在C中