forms - Zend 在输入框旁边打勾和打叉

Question

有没有办法可以在我的表单中添加一个绿色勾号或红十字，以及一个“圆形”流程栏？基本上我需要显示用户是否输入了文本，如果他/她仍在输入文本，我应该将 ajax 与 zend 一起使用吗？如果是这样，请给我使用 Zend 的提示。类似链接末尾的这张图片

如何在winforms中放置绿色勾号或红色叉号？

谢谢。

Answer 1

Zend 正在处理您的服务器端逻辑并执行所有 HTML 生成、过滤、验证等。如果您希望 Zend 为您的元素生成额外的代码，您将必须创建一个新的表单元素装饰器或使用模板手动布局您的表单（显示每个元素单独而不是<?= $form ?>. 你也可以查看 ZendX 项目。

我建议您采取一些不同的路线并添加客户端层进行演示。例如，当您定义元素时，向其添加某些类...

$elem = new Zend_Form_Element_Text('my_element', array(
    'class' => 'required validate-phone ui-icon-phone'
));

在客户端添加一些 CSS

input[type=text].ui-icon-phone {
  background: url(...);
}

在客户端添加 JS 以绑定到元素的类以进行验证。我建议使用jquery 验证插件...您可以重载消息的显示方式和无效输入上的用户红色 X。另外，请查看Masked Input Plugin（请参阅演示）。

使用这种方法，您的服务端代码独立于客户端代码。