0

フォームが結果に置き換えられるように、ajaxSubmit イベントを処理しようとしています。その結果は、確認ページまたはフォームのエラーである可能性があります。このフォームは独自のページで機能するため、ajax モーダルに配置する作業を行っています。

<div id="biography">
    <form method="post" action="/{{ onesheet.url }}/contact/" id="contact-form" class="full">
        {% csrf_token %}
        <ul>
        {{ form.as_ul }}
        </ul>
        <input type="submit" value="Send Email">
    </form>
</div>

そして、js

<script type="text/javascript">
    $('#contact-form').submit(function() { 
        var options = { 
            target:        '#biography',   // target element(s) to be updated with server response 
            beforeSubmit:  showRequest,  // pre-submit callback 
            success:       showResponse  // post-submit callback 
        };
        // submit the form 
        $(this).ajaxSubmit(options);
        // return false to prevent normal browser submit and page navigation 
        return false; 
    });
</script>

しかし、これはターゲットに応答をロードしていません。ページ全体で開いています。

何か案は？

4

1 に答える 1

1

e.preventDefault()通常の送信を防ぐために呼び出す必要があります。

<script type="text/javascript">
$('#contact-form').submit(function(e) { 
    e.preventDefault();
    var options = { 
        target:        '#biography',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse  // post-submit callback 
    };
    // submit the form 
    $(this).ajaxSubmit(options);
    // return false to prevent normal browser submit and page navigation 
    return false; 
});
</script>
于 2012-05-29T21:27:58.340 に答える