非Ajax表单提交时在jQuery Mobile中显示加载消息

时间:2012-09-18 14:32:24

标签: jquery jquery-mobile file-upload form-submit

我在jQuery Mobile中使用data-ajax="false"在表单标记和enctype="multipart/form-data"上提交表单,以便我可以利用iOS 6中的文件上传功能。您必须禁用默认的Ajax表单提交以便实际传递附件。

我想用这个显示默认的jQuery Mobile加载消息:

$.mobile.loading('show');

defined in the 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"的提交按钮)?

0 个答案:

没有答案