djangojquerydjango-viewshtml-post

View won't pick up post


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'


Solution

  • 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(...)