0

我创建了一个基于 Zend 的 php 应用程序。

我正在寻找一种简单的方法来创建弹出窗口或悬停帮助，我可以使用它来为用户应输入的字段提供用户帮助。

我想我需要 javascript，并且对于 Zend 表单元素需要一些装饰器。但我一直无法弄清楚它应该如何工作。也许我也需要一些 CSS？

有没有人有例子。

亲切的问候，文森特

4

2 回答 2

0

您可以使用 jquery 插件进行验证，这将阻止表单提交，直到通过第一级检查。您可以在 jquery 的文档页面上找到更多信息。但永远不要相信那些支票。您应该始终在后端验证用户输入

http://docs.jquery.com/Plugins/Validation

或者你使用这个，基于 jquery

<!DOCTYPE html>
<html>
<head>
  <title>Form Info</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

  <script type="text/javascript">
    $(document).ready(function(){
      $(':input.form-input').live('focus', function(){ //get input field
      $(this)
      .closest("div") //get up to div element
      .find(".form-info") //and search for corresponding form-info class to that input field
      .show(); //show it
      }).live('blur', function(){
      //once you leave the input field you might to some things

      //...

      //or just remove the element
      $(this)
      .closest("div") //get up to div element
      .find(".form-info") //and search for corresponding form-info class to that input field
      .hide(); //hide it
      });
    });
  </script>

</head>
<body>

  <div>
      <input type="text" name="blub" value="" class="form-input" />
      <span class="form-info" style="display:none;">my info to the customer</span>
  </div>

</body>
</html>
于 2012-04-07T12:16:46.763 回答
0

我认为您正在为您的控件寻找工具提示。

看看这个jQuery Tooltip Plugin Demo

或者这个jQuery 工具：工具提示

于 2012-04-07T15:21:00.963 回答