1

我在 jQuery Mobile 中提交了一个带有data-ajax="false"表单标签的表单，enctype="multipart/form-data"以便我可以利用 iOS 6 中的文件上传功能。您必须禁用默认的 Ajax 表单提交才能实际传递附件。

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

$.mobile.loading('show');

如文档中所定义。

我的表单使用以下代码进行验证：

$( 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 回答