如何触发提交使用jQuery表单按钮时，没有使用类型呈现=提交？(How to trigger su

鉴于这种形式

<form id="posts_form">
    <input type="file" value="" name="picture" >

    <span class="picture_js fc-button fc-button-prev fc-state-default fc-corner-left fc-corner-right">
        <span class="fc-button-inner">
            <span class="fc-button-content save_button">Share</span>
            <span class="fc-button-effect">
                <span></span>
            </span>
        </span>
    </span>
</form>

我使用这个<span>基于按钮风格的目的。

我正在试图做的是在绑定一个click事件<span>按钮，触发一个提交功能，如：

$('.picture_js').click(function(e){
    e.preventDefault();
    pictureUpload();
    return false;
});

function pictureUpload() {

        var options = { url: 'chat/upload' }

    $('#posts_form').ajaxForm(options);
}

但是，是单击按钮（无控制台上任何错误）没有反应 - 任何建议，如何使这项工作？

Answer 1:

我想你可能需要包括并同时实现beforeSubmit和success的选项进行文件上传的工作，因为在这篇文章中提出： jQuery的形式插件文件上传 。

尝试这个：

function pictureUpload() {

    var options = { 
        url: 'chat/upload',
        success: function() {},
        beforeSubmit: function() {}
    }

    $('#posts_form').ajaxForm(options);
}

文章来源: How to trigger submit using jQuery Form when button is not rendered using type=submit?