Cross checking and validating two input fields in django

Question

I am new to python and Django, i wanted to know how below thing can be possible?

input field 1 - Enter name - abc@yoyo.com
input field 2 - Enter Url - www.yoyo.com
 Submit button

so I want to validate the email domain and the URL name is same. Suppose if abc@yoyo.com is not similar to the URL field (www.yo.com) so show an error. else if it's same then proceed.

How can this be implemented in Django?

If you need to do validation that depends on more than one field, use the form's `clean()` method. See the [django docs](https://docs.djangoproject.com/en/2.2/ref/forms/validation/#cleaning-and-validating-fields-that-depend-on-each-other) — John Gordon, Sep 19 '19 at 18:26
@JohnGordon i am new to this, so a pseudo code would be better for my understanding. — Tamanbir Singh, Sep 19 '19 at 18:28
Go to the page I linked. It's better than any example I could make up. — John Gordon, Sep 19 '19 at 18:29

score 0 · Answer 1 · answered Sep 19 '19 at 19:19

0

You could do this in either the front end or backend

Frontend implementation with Javascript.

<input id="email" type="text"> <br>
<input id="domain_id" type="text" onblur="checkDomain()">

<button type="button">Submit</button>

<script>
function checkDomain() {
  var domain = document.getElementById("email").value.split("@")[1];
  var domain2 = document.getElementById("domain_id").value;

  if (domain != domain2){
  alert("Domains don't match"); 
  }

}
</script>

Backend implementation in Django (assumes use of Django Forms)

You would put this in your forms.py within your form.

    def clean_domain(self):
        email = self.cleaned_data.get('email')
        domain= self.cleaned_data.get('domain')
        email_domain = #some method to get the domain of the email
        if email_domain != domain:
            raise forms.ValidationError(u'The domain must match the domain in your email')
        return domain

answered Sep 19 '19 at 19:19

Matthew Gaiser

4,558
1
18
35

Your code worked fine for me, I just have another question. what if there is a query like this www.xyz.com/.php?id=1 and i want to get only xyz.com out of this and match with the email (info@xyz.com). what can be done in this case? – Tamanbir Singh Oct 01 '19 at 14:28
Something like this would do it: https://stackoverflow.com/questions/9626535/get-protocol-host-name-from-url – Matthew Gaiser Oct 01 '19 at 14:32
i wanted this in javascript. – Tamanbir Singh Oct 01 '19 at 14:53
How about this? https://stackoverflow.com/questions/8498592/extract-hostname-name-from-string/54947757 – Matthew Gaiser Oct 01 '19 at 15:30
didn't find any solution there please help me match xyz.com from www.xyz.com/.php?id = with email xyz.com – Tamanbir Singh Oct 01 '19 at 16:02
there is a drawback to your above javascript. even after showing alert when ok is clicked the form proceeds further. – Tamanbir Singh Oct 10 '19 at 03:44
If you want to prevent the user from going further, add something like this: document.getElementById("myBtn").disabled = true; on setup and put it in an else block after the alert. – Matthew Gaiser Oct 10 '19 at 03:46
this didn't work, it still went further after clicking the ok button on alert. – Tamanbir Singh Oct 10 '19 at 04:32
See my latest answer. – Matthew Gaiser Oct 10 '19 at 04:37

score 0 · Answer 2 · answered Oct 10 '19 at 04:37

Here is the new answer based on your latest comments:

<input id="email" type="text"> <br>
<input id="domain_id" type="text" onblur="checkDomain()">

<button id="myBtn" type="button">Submit</button>

<script>
document.getElementById("myBtn").disabled = true;
function checkDomain() {
  var domain = document.getElementById("email").value.split("@")[1];
  var domain2 = document.getElementById("domain_id").value;

  if (domain != domain2){
  alert("Domains don't match"); 
  }
  else {
  document.getElementById("myBtn").disabled = false;
  }

}
</script>

Cross checking and validating two input fields in django

2 Answers2