Joomla 1.5のサーバーで非同期検証を使用してフォームを作成する

この記事では、Joomla 1.5のサーバーで非同期検証を使用してフォームを作成する方法の1つを示します。 これを行うには、Joomla 1.5で実装されたMVCコンセプトに従って構築されたコンポーネントを作成し、mootools 1.2はJSフレームワークとして使用されます。

はじめに

この記事では、MVCの概念の理論とJoomla 1.5での実装については詳しく説明しません。 また、読者がこのCMSのコンポーネントを作成する一般的な原則に精通していると仮定します。そうでない場合は、たとえばthisを見ることができます。 おそらくいつかこれについての記事を書くでしょうが、とりあえずこのテーマをカバーしたいと思います:)

問題の声明

フォームに入力されたデータのサーバーで非同期検証を実装するフロントエンドコンポーネントを作成する必要があります。 サーバーへの非同期アクセスを実装するには、 mootools 1.2.xを使用しますMootools 1.1はすでにJoomla 1.5に統合されていますが、ファイルをコードに置き換えるだけでは機能しません-Joomlaは動作しません。 しかし、いつものように、最新のソリューションを使用したいので、Joomlaで利用可能なmootoolsは使用しませんが、最新バージョンを接続します。 もちろん、競合のリスクがありますが、フロントエンドでは組み込みのmootoolsを使用するコンポーネントがないと想定しています:)さらに、このメソッドは他のJSフレームワークを使用したい人にとって有用です。

実装

コンポーネントのスキームは次のようになります。 フォームの送信ボタンをクリックすると、フィールドからのデータがサーバーに非同期的に送信され、コントローラーはそれを「受信」し、データを確認し、入力されたデータの有効性に関する情報を含むJSON形式で応答を返します。 この情報は、CSSを使用して検証結果を表示するためにクライアントで使用されます。



コードに直接進む前に、いくつかの明確化を行う必要があります。 MVCの概念によれば、コンポーネントに対するすべてのユーザー要求は、コントローラーによって処理される必要があります。 コマンドを受け取ったコントローラーは、このコマンドへの対応方法を「決定」します。 従来のスキームでは、コントローラーはデータを受信/保存/更新するためのModelコマンドを提供し、このコマンドの結果はビューによって表示され、データの表示方法を「認識」します。



最も単純なコンポーネントにはModelがないため、対応するクラスは空になります。この例では、コンポーネントコードの一般的な構成を示す目的でのみ存在します。 ビューのタスクは、必要なスタイルとスクリプトを含め、フォームを表示することです。 コントローラーでは、サーバー上のフォーム検証機能が個別のタスク（タスク）として実装され、これを非同期的に呼び出します。



コンポーネントのフロントエンドパーツフォルダー（ AsyncFormを呼び出します ）、つまり / components / com_asyncformフォルダーには、次のフォルダーとファイル構造があります。

 + com_asyncform
    +資産
       + css
          -common.css
       + js
          -common.js
          -mootools-1.2.1-core.js
    +コントローラー
       -default.php
    +モデル
       -asyncform.php
    +ビュー
       + tmpl
          -default.php
       -view.html.php
    -asyncform.php

  asyncform.php 

1. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
   
   
   
   
2. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
   
   
   
   
3. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
   
   
   
   
4. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
   
   
   
   
5. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
   
   
   
   
6. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
   
   
   
   
7. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
   
   
   
   
8. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
   
   
   
   
9. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
   
   
   
   
10. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
11. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
12. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
13. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
14. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
15. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
16. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
17. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
18. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
19. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
20. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    
21. <?php

defined ( '_JEXEC' ) or die ( 'Restricted access' ) ;



if ( $controller = JRequest :: getVar ( 'controller' ) ) {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . $controller . '.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . $controller . DS . 'view.html.php' ) ;

}

else {

require_once ( JPATH_COMPONENT . DS . 'controllers' . DS . 'default.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'models' . DS . 'asyncform.php' ) ;

require_once ( JPATH_COMPONENT . DS . 'views' . DS . 'default' . DS . 'view.html.php' ) ;

}



// Create the controller

$classname = 'AsyncformController' . $controller ;



$controller = new $classname ;

$controller -> execute ( JRequest :: getVar ( 'task' ) ) ;

$controller -> redirect ( ) ;

?>
    
    
    
    

 コントローラー/ default.php 

1. <？php
   
   
2. jimport （ 'joomla.application.component.controller' ） ;
   
   
3. 
   
   
4. クラス AsyncformController は JControllerを拡張します{
   
   
5. function __construct （ $ default = array （ ） ） {
   
   
6. 親 :: __construct （ $ default ） ;
   
   
7. $ this- > registerDefaultTask （ 'display' ） ;
   
   
8. $ this- > registerTask （ 'check' 、 'check' ） ;
   
   
9. }
   
   
10. 
    
    
11. 関数キャンセル（ ） {
    
    
12. $ this- > setRedirect （ 'index.php' ） ;
    
    
13. }
    
    
14. 
    
    
15. 関数表示（ ） {
    
    
16. $ view = new AsyncformView （ ） ;
    
    
17. $ view- > display （ ） ;
    
    
18. }
    
    
19. 
    
    
20. 機能チェック（ ） {
    
    
21. $ isValid = false ;
    
    
22. $ res [ 'type' ] = '' ;
    
    
23. $ res [ 'msg' ] = '' ;
    
    
24. $ res [ 'items' ] = array （ ） ;
    
    
25. 
    
    
26. $ name = substr （ JRequest :: getVar （ 'name' ） 、 0、50 ） ;
    
    
27. if （ ereg （ '[a-aaA-aa-zA-Z \-] + $' 、 $ name ） ） {
    
    
28. $ res [ 'items' ] [ ] = array （ 'name' => 'name' 、 'status' => 1 ） ;
    
    
29. $ isValid = true ;
    
    
30. }
    
    
31. その他 {
    
    
32. $ res [ 'items' ] [ ] = array （ 'name' => 'name' 、 'status' => 0 ） ;
    
    
33. $ isValid = false ;
    
    
34. }
    
    
35. 
    
    
36. $ email = strtolower （ substr （ JRequest :: getVar （ 'email' ） 、 0、50 ） ） ;
    
    
37. if （ ereg （ '^ [^ 0-9] [a-z0-9 _ \-\。] + @ [^ 0-9] [az \-\。] + \。[az] {2,4} $ ' 、 $ email ） ） {
    
    
38. $ res [ 'items' ] [ ] = array （ 'name' => 'email' 、 'status' => 1 ） ;
    
    
39. $ isValid = true ;
    
    
40. }
    
    
41. その他 {
    
    
42. $ res [ 'items' ] [ ] = array （ 'name' => 'email' 、 'status' => 0 ） ;
    
    
43. $ isValid = false ;
    
    
44. }
    
    
45. if （ $ isValid ） {
    
    
46. $ res [ 'type' ] = 'valid' ;
    
    
47. $ res [ 'msg' ] = 'フォームに正しく記入されています' ;
    
    
48. }
    
    
49. その他 {
    
    
50. $ res [ 'type' ] = 'error' ;
    
    
51. $ res [ 'msg' ] = 'エラー！' ;
    
    
52. }
    
    
53. 
    
    
54. echo json_encode （ $ res ） ;
    
    
55. }
    
    
56. }
    
    
57. ？>

check（）メソッドでは、応答はJSON形式で生成されます。

• タイプテキストフィールド-チェック結果（有効またはエラー）
• msgテキストフィールド-ユーザーへのメッセージ
• その要素がフォームフィールドIDとそのステータスが保存されている2つの要素の配列であるitems配列は、どのフィールドにエラーがあるかを表示するためにこの情報が必要です

 モデル/ asyncform.php 

1. <？php
   
   
2. jimport （ 'joomla.application.component.model' ） ;
   
   
3. 
   
   
4. クラス AsyncformModel は JModelを拡張します{
   
   
5. }
   
   
6. ？>

 ビュー/デフォルト/ view.html.php 

1. <？php
   
   
2. jimport （ 'joomla.application.component.view' ） ;
   
   
3. 
   
   
4. クラス AsyncformView は JViewを拡張します {
   
   
5. パブリック $メッセージ ;
   
   
6. 
   
   
7. 関数 __construct （ ） {
   
   
8. $ this- > addTemplatePath （ JPATH_COMPONENT。DS 。 ' views'。DS 。 ' default'。DS 。 ' tmpl ' ） ;
   
   
9. }
   
   
10. 
    
    
11. 関数表示（ $ tpl = null ） {
    
    
12. // JHTML :: _（ 'behavior.mootools'）;
    
    
13. 
    
    
14. $ document = ＆ JFactory :: getDocument （ ） ;
    
    
15. $ document- > addStyleSheet （ 'components / com_asyncform / asset / css / common.css' ） ;
    
    
16. $ document- > addScript （ 'components / com_asyncform /assets/js/mootools-1.2.1-core.js' ） ;
    
    
17. $ document- > addScript （ 'components / com_asyncform /assets/js/common.js' ） ;
    
    
18. 
    
    
19. 親 :: 表示 （ $ tpl ） ;
    
    
20. }
    
    
21. }
    
    
22. ？>

それでも組み込みのmootoolsを使用する場合は、16行目ではなく12行目で演算子を使用します。

 ビュー/ default / tmpl / default.php 

1. <？php defined （ '_JEXEC' ）またはdie （ 'Access denied' ） ; ？>
   
   
2. 
   
   
3. <div id = "log"> </ div>
   
   
4. 
   
   
5. <form id = "frm_asyncform" action = "index.php？option = com_asyncform＆task = check＆format = raw" method = "post">
   
   
6. <表>
   
   
7. <tr>
   
   
8. <td>名前</ td>
   
   
9. <td> <input type = "text" name = "name" id = "name" /> </ td>
   
   
10. </ tr>
    
    
11. <tr>
    
    
12. <td>メール</ td>
    
    
13. <td> <input type = "text" name = "email" id = "email" /> </ td>
    
    
14. </ tr>
    
    
15. </ table>
    
    
16. <input type = "submit" name = "btn_submit" id = "btn_submit" value = "Submit" />
    
    
17. </ form>

フォームハンドラーに注意してください。 この種のハンドラは、追加のhtmlマークアップなどを使用せずに、サーバーから応答文字列を取得するだけでよいという事実によるものです。 Joomla 1.0.xでは、コンポーネントの出力のみを返すためにindex2.phpを使用する必要がありましたが、Joomla 1.5ではこれは機能しません。 これらの目的のために、コンポーネントの出力のみを返すために、rawと等しくなければならないformatパラメーターを提供します。

 アセット/ css / common.css 

1. .error {
   
   
2. border ： 2px solid ＃ff0000 ;
   
   
3. }
   
   
4. 
   
   
5. #log {
   
   
6. パディング ： 5px ;
   
   
7. オーバーフロー ： 自動 ;
   
   
8. margin-bottom ： 5px ;
   
   
9. 幅 ： 452px ;
   
   
10. }
    
    
11. 
    
    
12. #log .loaded {
    
    
13. 背景色 ： ＃ffc0c0 ;
    
    
14. }
    
    
15. 
    
    
16. #log .loaded-success {
    
    
17. 背景色 ： ＃c0ffc0 ;
    
    
18. }

 アセット/ js / common.js 

1. ウィンドウ。 addEvent （ 'domready' 、 function （ ） {
   
   
2. $ （ 'frm_asyncform' ） 。 addEvent （ 'submit' 、 function （ e ） {
   
   
3. e。 停止 （ ） ;
   
   
4. var log = $ （ 'log' ） 。 空 （ ） ;
   
   
5. これ 。 セット （ '送信' 、 {
   
   
6. メソッド： 'post' 、
   
   
7. onComplete ： function （ response ） {
   
   
8. var res = JSON。 デコード （応答） ;
   
   
9. 解像度 アイテム 各 （ 関数 （フィールド） {
   
   
10. if （フィールド。 ステータス ）
    
    
11. $ （フィールド名 ） 。 removeClass （ 'error' ） ;
    
    
12. 他に
    
    
13. $ （フィールド名 ） 。 addClass （ 'error' ） ;
    
    
14. } ） ;
    
    
15. if （ res。type == 'valid' ）
    
    
16. ログ。 addClass （ 'loaded-success' ） ;
    
    
17. 他に
    
    
18. ログ。 addClass （ 'loaded' ） ;
    
    
19. ログ。 set （ 'html' 、 res。msg ） ;
    
    
20. }
    
    
21. } ） ;
    
    
22. これ 。 送信 （ ） ;
    
    
23. } ） ;
    
    
24. } ） ;

ここでは、文字列としてサーバーから受信した応答がjs-objectに変換された後、その内容が分析され、必要なパラメーターがコンポーネント本体のhtml要素に設定されます。



実際、それがすべてです。 この投稿が誰かに役立つことを願っています。 コメント、ヒント、提案はもちろん歓迎です！