Post to Python view after Javascript validation in Django

Question

I have a template that has a form with two input boxes. The problem is that I need to ensure that only one of either box has a filled value. That is, one text box should be empty. Since Django doesn't provide this kind of an OR mechanism, I am checking this through Javascript in the template:

function validateData() {
    if ($("#email").val() && $("#cellno").val()){
        alert("Please Enter either E-Mail Address or Cell Number");
    } else {
        alert("Form submitted successfully");
        // redirect to view_2
    }
}

The issue is that I want to send the data from the textbox to view_2. How can I send the value of the textbox and also perform the validation? Without the JS validation I could have simply added the url to the form action.

Have a look at django forms: docs.djangoproject.com/en/1.8/topics/forms — Paco
– Paco, Commented Jul 10, 2015 at 9:17
You are missing the closing } for your function. My brain immediatelly return a parse error when I read that code :) — cezar
– cezar, Commented Jul 10, 2015 at 9:25
@randomnessrandomly Django provides a mechanism to verify the data through forms, cf my link — Paco
– Paco, Commented Jul 10, 2015 at 9:35

Alasdair · Accepted Answer · 2015-07-10 09:21:15Z

4

I'm not sure what you mean by 'Django doesn't provide this kind of or mechanism'. If you're using Django forms in your view, you can write a clean method that validates fields that depend on each other.

class MyForm(forms.Form):
    email = forms.EmailField(required=False)
    cell = forms.CharField(required=False, max_length=20)

    def clean(self):
        cleaned_data = super(MyForm, self).clean()
        if cleaned_data.get('email') and cleaned_data.get('cell'):
            raise forms.ValidationError("Please select either E-mail address or cell number, but not both")
        return cleaned_data

answered Jul 10, 2015 at 9:21

Alasdair

310k59 gold badges605 silver badges534 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

cezar Over a year ago

I like this better than my answer. Clear solution with Django.

cezar · Accepted Answer · 2015-07-10 09:28:26Z

1

I would say you should attach your function to the submit event and prevent submitting when validation fails.

Maybe something like this:

$("form").submit(function(event) {
    if ($("#email").val() && $("#cellno").val()){
        alert("Please Enter either E-Mail Address or Cell Number");
        event.preventDefault(); // this prevents the submitting.
    } else {
        alert("Form submitted successfully");
    }
});

edited Jul 10, 2015 at 9:28

answered Jul 10, 2015 at 9:24

cezar

12.1k6 gold badges51 silver badges92 bronze badges

1 Comment

cezar Over a year ago

@Alasdair Oh, thank you. You are certainly right. The form should not be submitted in the if branch. I am editing that right now.

Collectives™ on Stack Overflow

Post to Python view after Javascript validation in Django

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related