1

data-ajax="false"iOS 6 のファイル アップロード機能を利用できるように、form タグを使用してjQuery Mobile でフォームを送信してenctype="multipart/form-data"います。添付ファイルを実際に渡すには、デフォルトの Ajax フォーム送信を無効にする必要があります。

これを使用して、デフォルトの jQuery Mobile 読み込みメッセージを表示したいと思います。

$.mobile.loading('show');

docsで定義されているとおりです。

私のフォームは、このコードを使用して検証します:

$( document ).bind( "pageinit", function( event, data ) {   
    $("#contact-form").validate({
        // Custom validation messages
        messages: { contact_name: "Please enter your full name.", contact_phone: "Please enter a valid phone number.", contact_zip: "Please enter your shipping zip code."},
        errorElement: "p",
        submitHandler: function(form){

            //Get the data from the form fields and format correctly
            var name = $("#contact-form #contact_name").val();
            var email= $("#contact-form #contact_email").val();
            var phone= $("#contact-form #contact_phone").val();
            var zip= $("#contact-form #contact_zip").val();
            var message = $("#contact-form #contact_message").val();

            document.forms["contact-form"].submit();
         }
    });
});

ユーザーがフォームを送信するときに(jQuery Mobileで)デフォルトの読み込みスピナーを表示するにはどうすればよいですか(送信ボタンをタッチ/クリックしてtype="submit"

4

1 に答える 1

1

私はあなたがこのような何かを試してみたいと思うかもしれません:

$( document ).bind( "pageinit", function( event, data ) {   

    $("#your_submit_button").click(function() {

        // When the button is clicked, show loading message
        $.mobile.loading('show');

        // Validate the form 
        $("#contact-form").validate({
            // Custom validation messages
            messages: { contact_name: "Please enter your full name.", contact_phone: "Please enter a valid phone number.", contact_zip: "Please enter your shipping zip code."},
            errorElement: "p",
            submitHandler: function(form){

            //Get the data from the form fields and format correctly
            var name = $("#contact-form #contact_name").val();
            var email= $("#contact-form #contact_email").val();
            var phone= $("#contact-form #contact_phone").val();
            var zip= $("#contact-form #contact_zip").val();
            var message = $("#contact-form #contact_message").val();

            document.forms["contact-form"].submit();

            // Hide the loading message
            $.mobile.loading('hide');

         }
    });
});

お役に立てれば

于 2012-09-18T23:37:32.513 に答える