Can someone tell me why the following view won't pick up a POST request:
# Loads all the latest phone numbers for the models.py file
def client_phones_form_view(request, clientKEY):
try:
i_clientKEY = int(clientKEY)
except ValueError:
raise Http404()
phones = []
# Populates a list with the latest phone numbers for ALL types of phone
for k, v in PHONE_CHOICES:
try:
phones.append(ClientPhone.objects.filter(client=i_clientKEY, phone_type=k).latest('id'))
except ClientPhone.DoesNotExist:
pass
if request.method == 'POST':
formPhone = ClientPhoneForm(request.POST)
if formPhone.is_valid() and formPhone.number.clean(formPhone.number):
c = Client.objects.get(id=i_clientKEY)
formPhone.CustomSave(c, request.user)
return render_to_response(...)
else:
return render_to_response(...)
else:
formPhone = ClientPhoneForm()
return render_to_response(...)
I know when I submit the form it's reloading, but it always reloads the bottom render_to_response
EDIT:
The javascript looks something like this:
$( "#newPhoneDialog" ).dialog({
autoOpen: false,
height: 200,
width: 350,
modal: true,
buttons: {
"Add New Phone Number": function() {
var bValid = true;
//alert($('#id_number').val()+" - "+$('#id_phone_type').val());
bValid = bValid && checkNumberLength( phoneNumber, "the phone number", 11, 15 );
bValid = bValid && checkNumberRegexp( phoneNumber, /^([0-9])|( \t)+$/, "The phone number may only consist of numbers and spaces");
if ( bValid ) {
$('.error').hide(); // hide the error div
$('.success').hide(); // hide the success div
$('.info').hide(); // hide the information div
$.ajax({ // create an AJAX call...
data: $('#newPhoneForm').serialize(), // get the form data
type: 'POST', // GET or POST
url: 'client/form/phones/1/', // the file to call
success: function(response) { // on success..
$('#clientPhonesForm').html(response); // update the main phones DIV
}
});
$( this ).dialog( "close" );
//return false; // cancel original event to prevent form submitting
}
},
Cancel: function() {
// reloads the phone div because re-selecting the first item in the options doesn't work
$('#clientPhonesForm').load('{% url client.views.client_phones_form_view clientKEY %}');
$( this ).dialog( "close" );
}
},
close: function() {
// reloads the phone div because re-selecting the first item in the options doesn't work
//$('#clientPhonesForm').load('{% url client.views.client_phones_form_view clientKEY %}');
}
});
And HTML something like this:
<div id="newPhoneDialog" title="Create New Phone Number">
Please enter a valid phone number:
<div id="container">
<form action="{% url client.views.client_phones_form_view clientKEY %}" method="POST" id="newPhoneForm">
<table>
{% for field in formPhone %}
<tr><td>{{ field.label_tag }}</td><td>{{ field }}</td></tr>
{% endfor %}
</table>
</form>
</div>
</div>
EDIT
Maybe this question would be better if it said 'How do I (jquery ajax) submit a form when a button is clicked'
The following seemed to be the answer. Whether it is correct or not I don't know:
# Loads all the latest phone numbers for the models.py file
def client_phones_form_view(request, clientKEY):
try:
i_clientKEY = int(clientKEY)
except ValueError:
raise Http404()
phones = []
# Populates a list with the latest phone numbers for ALL types of phone
for k, v in PHONE_CHOICES:
try:
phones.append(ClientPhone.objects.filter(...).latest('id'))
except ClientPhone.DoesNotExist:
pass
if request.method == 'POST':
formPhone = ClientPhoneForm(request.POST)
if formPhone.is_valid():
try:
n = formPhone.cleaned_data['number']
except ValidationError:
return render_to_response(...)
c = Client.objects.get(id=i_clientKEY)
formPhone.CustomNumberSave(c, n, request.user)
return render_to_response(...)
else:
return render_to_response(...)
else:
formPhone = ClientPhoneForm()
return render_to_response(...)