簡體   English   中英

JavaScript表單無法提交

[英]Javascript form won't submit

我一直在使用http://www.hoppinger.com/blog/2010/05/28/file-upload-progress-bar-with-phpapc-and-javascript/提供的上載器,並將其應用於其中一個我的表單 ,並且進度表正常工作時,成功上傳后,提交功能不會觸發。

我正在使用的完整代碼如下:

JS
get_progress.php
uploader.php

據我所知,以我有限的經驗,這是處理提交的功能:

postUpload : function(o_data)
{
    // Loop through every input and set json response in hidden input
    this.a_inputs.each((function(o_input)
        {
            var s_name = o_input.get('name');
            var s_value = '';

            if(o_file = o_data.files[s_name])
            {
                s_value = JSON.encode(o_file);
            }


            var o_jsonInput = new Element('input',{'type': 'hidden','name':o_input.origName,'value':s_value}).replaces(o_input);


        }).bind(this));

    // Make form "original" again by purging elements and resetting attributes
    this.revertSubmit();
    this.o_form.submit();
},

我注意到提交是this.o_form.submit(); 而不是this.form.submit(); 然后檢查出來,他在類的頂部聲明了o_form : {} ,所以我認為他的語法是正確的,但我沒有真正的主意。

在實施此進度跟蹤器之前,該表格運行良好,因此這讓我很沮喪。

本質上出了什么問題,我只能假設這很簡單,就像丟失了一樣; 或類似的錯誤。

如果您在提交時收到404 ,則表示該代碼有效。 我暫時取消屏蔽該頁面以進行故障排除。

可能相關,我的網站使用WordPress。

原來,javascript沒有將APC_UPLOAD_PROGRESS標記添加到表單,因此在初始化之后添加了以下jQuery

<script type="text/javascript">
    jQuery(document).ready(function(){

        var id = jQuery("form").attr('id');

        jQuery("form").submit(function(){

            jQuery(this).append("<input type=\"hidden\" name=\"APC_UPLOAD_PROGRESS\" value=\""+id+"\" />");

        });

    });

</script>

現在一切都很好。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM