ajaxForm プラグインを使用して、フォームを django Web サーバー アプリケーションに送信しようとしています。
問題
addProductBtn をクリックすると、以下のみがサーバーに送信されます。
csrfmiddlewaretoken=cbREYGKpMgjBDyTvQ5GcB6xYbLZFhHH2
他のすべての入力フィールドは無視されます。私は何が欠けていますか?
// easy_add_product.js
function getAjaxFormOptions(){
var options = {
target: '#result',
beforeSubmit: showRequest,
success: showResponse,
dataType: 'json'
};
return options;
}
function showRequest(formData, jqForm, options) {
var queryString = $.param(formData);
alert('query string: ' + queryString);
return true;
}
function showResponse(...){...}
$( function() {
var options = getAjaxFormOptions();
$('#add-product-form').ajaxForm(options);
} );
easy_add_product.html
<head>
<script src="http://code.jquery.com/jquery-1.8.3.js" > </script>
<script src="{{STATIC_URL}}js/plugins/jquery.form.js"></script>
<script src="{{STATIC_URL}}js/easy_add_product.js"> </script>
</head>
<form id="add-product-form" method="post" action='/pi/product/add_ajax' enctype="multipart/form-data">
{% csrf_token %}
<fieldset id="add-product-fs">
<legend> Product Information </legend>
<ul>
<li>
<label for='name'>Product Name <span class='required'>*</span> </label>
<input type='text' required title='Product name is required' id='name' />
</li>
<li>
<label for='category'> Product Category</label>
<input type='text' id='category' placeholder='dts_4ch' />
</li> </ul>
<input type='submit' id="addProductBtn" class="yui3-button formSubmitBtn" value="Submit" />
</form>