0

jqueryを使用してチュートリアルを見つけたフォームの検証を終了しました。欠けている唯一のものは、データを適切なアドレスに送信することです。それ、どうやったら出来るの？

これは、フォームの HTML コードのサンプルです。

<form id="register-form">

         <div class="four columns alpha contact-form">

         <label>prefix</label>
         <input type="text"  />
         <label><span class="asterisk">*</span>first name</label>
         <input type="text" name="firstname"/>
         <label><span class="asterisk">*</span>middle name</label>
         <input type="text" name="middlename"/>
         <label><span class="asterisk">*</span>last name</label>
         <input type="text" name="lastname"/>
         <label><span class="asterisk">*</span>email address</label>
         <input type="text" name="email"/>

        </div>
     </form>

これは、フォームのデータを検証するための Jquery です。

/* 基本的な jQuery 検証フォームのデモ コード Copyright Sam Deering 2012 ライセンス: http://www.jquery4u.com/license/ */ 

(function($,W,D)
{
var JQUERY4U = {};

JQUERY4U.UTIL =
{
    setupFormValidation: function()
    {
        //form validation rules
        $("#register-form").validate({
            rules: {
                firstname: "required",
                middlename: "required",
                lastname: "required",
                email: {
                    required: true,
                    email: true
                },
                zip: "required",
                city: "required",
                subject: "required",
                message: "required",

                agree: "required"
            },
            messages: {
                firstname: "Please enter your first name",
                middlename: "Please enter your middle name",
                lastname: "Please enter your last name",
                email: "Please enter a valid email address",
                zip: "Please enter your zip code",
                city: "Please state your city",
                subject: "Please state your inquiry",
                message:"Please include a short message"

            },
            submitHandler: function(form) {
                form.submit();
            }
        });
    }
}

//when the dom has loaded setup form validation rules
$(D).ready(function($) {
    JQUERY4U.UTIL.setupFormValidation();
});

})(jQuery, window, document);

私はまだjqueryに熟達しておらず、現時点ではまだ学習中です。データを取得するには、この .serialize() を使用する必要があることを読みました。私が正しいかどうかわからない

4

4 に答える 4

1

はい、serialize()を使用して、このようにajax経由でフォーム データをスクリプトに送信できます

$.ajax({
         type: "POST",
         url: "yourScript.php",
         data: $('#register-form').serialize(),
         success: function(html){
            //do something
         }
       });

submitHandler関数内にそれを書くことができます

submitHandler: function(form) {
                    $.ajax({
                      type: "POST",
                      url: "yourScript.php",
                      data: $('#register-form').serialize(),
                      success: function(html){
                        //do something
                      }
                    });
                    return false;
                }
于 2013-07-17T06:42:22.777 に答える
0

おい、「送信ボタン」がなく、いくつかのフォーム属性が欠落しています。少なくともフォームタグは次のようにする必要があります。

<form id="register-form" name="register-form" action="" method='post'>

action はサーバー スクリプトの URL である必要があります

于 2013-07-17T06:38:09.720 に答える
0

適切なアドレスにデータを送信するには、通常の投稿またはajaxを使用してアドレスにデータを投稿する必要があります

于 2013-07-17T06:44:37.693 に答える
0

AJAX はデータを特定のアドレスに送信できます (SQL データベースなどに送信する場合は PHP ファイル)。

$("#buttonID").click(function(){ $.ajax({ url: "<something.com/file.php";, data: {username: $(username).val()}, type: "post", success: function(msg){ }); });
于 2013-07-17T06:37:09.953 に答える