2008年10月22日水曜日

(suz-php-jquery) "jQuery Form Plugin"の利用

スズキです。

suz-php-jqueryでのJSONを軸とした非同期通信部分は
大体できたので、最後に"jQuery Form Plugin"を
使ったサンプルを作りました。
http://www.malsup.com/jquery/form/

こんな感じで簡単に実現できます。
(詳しくは"CTOA日記"でも紹介されています)
▼jQuery Form Pluginの使い方 その1
http://blog.livedoor.jp/hiroki0907/archives/51070303.html
▼jQuery Form Pluginの使い方 その2
http://blog.livedoor.jp/hiroki0907/archives/51071455.html

--------【HTML】--------
<head>
<script type="text/javascript" src="../JS/ext/jquery.js"></script>
<script type="text/javascript" src="../JS/ext/form.js"></script>
<script type="text/javascript" src="../JS/app/example/form.js"></script>
</head>
<body>
<form id="myForm">
<input type="text" name="key1"/>
<input type="text" name="key2"/>
<input type="submit" value="test"/>
</form>
</body>
--------
http://code.google.com/p/suz-lab/source/browse/trunk/suz-php-jquery/webapp/example/form.html

--------【JavaScript】--------
var options = {
  url: "../PHP/json.php/Example/test",
  type: "POST",
  dataType: "json",
  success: function(json, status) {
  alert(json.key1);
  alert(json.key2);
    alert(status);
  }
};
$("#myForm").ajaxForm(options);
--------
http://code.google.com/p/suz-lab/source/browse/trunk/suz-php-jquery/webapp/JS/app/example/form.js

後は、別で動いている"EMP WORDS"の
FormプラグインとValidateプラグインとShadowbox.jsが
連動したものの完成を待ちつつ、
DBアクセスまわりの作りこみです。

(それも明日完成させよう!)

--
http://suz-lab.blogspot.com/

0 コメント: