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ツールチッププラグインのデモをチェックしてください

またはこのjQuery ツール: ツール ヒント

于 2012-04-07T15:21:00.963 に答える