TAGS: jQuery | フォーム | Ajax | プラグイン
jQuery Form Pluginは、通常のHTMLフォームに手を加えることなく、画面遷移なしでいわゆるAjax送信してくれるjQueryプラグインです。

動作環境


◇　言語：JavaScript（jQuery）
◇　ライセンス：MIT / GPL

機能・特徴


◇　ajaxFormとajaxSubmit
◇　送信する前にバリデーション機能
　例：$('#myForm2').ajaxForm( { beforeSubmit: validate } ); //validateはJavaScript関数

◇　戻り値はJSONやXML、HTML対応
◇　ファイルアップロードもサポート


簡単な使い方


１）フォーム定義例

<form id="myForm" action="comment.php" method="post"> 
    Name: <input type="text" name="name" /> 
    Comment: <textarea name="comment"></textarea> 
    <input type="submit" value="Submit Comment" /> 
</form>


２）jquery.formを使ってフォームをAjax化
<html> 
<head> 
    <script type="text/javascript" src="jquery-1.3.2.js"></script> 
    <script type="text/javascript" src="jquery.form.js"></script> 



    <script type="text/javascript"> 
        $(document).ready(function() { 
            // 'myForm'フォームのsubmitをAjaxで行うように設定する。
            $('#myForm').ajaxForm(
             function() {  //callback関数
                alert("Thank you for your comment!");
            }); 
        }); 
    </script> 
</head>

.

Sponsored Link


http://malsup.com/jquery/form/
有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

Comments

用户名 (required)

Email (will not be published) (required)

URL

Evaluation

我要投稿

分类

Newest Top10

 
    POWERED BY @pmplat.syboos.com