Error ! Please! Make sure all fields are entered and valid - django

Question

Have been trying to use Django forms for contact tab - but getting the - Error ! Please! Make sure all fields are entered and valid.
**forms.py **
from django import forms
from content.models import Contact
class ContactForm(forms.ModelForm):
fullname = forms.CharField(required=True,max_length=100)
email = forms.EmailField(required=True,max_length=100)
subject = forms.CharField(required=True,max_length=300)
phone_number = forms.CharField(required=True,max_length=100)
message = forms.CharField(required=True,widget=forms.Textarea)
class Meta:
model = Contact
fields = [
'fullname',
'email',
'subject',
'message',
'phone_number',
]
def __init__(self, *args, **kwargs):
super(ContactForm, self).__init__(*args, **kwargs)
self.fields['fullname'].widget.attrs['placeholder'] = 'Your FullName'
self.fields['fullname'].widget.attrs['class'] = 'form-control form-control-lg'
self.fields['email'].widget.attrs['placeholder'] = 'Your Email'
self.fields['email'].widget.attrs['class'] = 'form-control form-control-sm'
self.fields['subject'].widget.attrs['placeholder'] = 'Subject'
self.fields['subject'].widget.attrs['class'] = 'form-control form-control-sm'
self.fields['phone_number'].widget.attrs['placeholder'] = 'Your Phone Number'
self.fields['phone_number'].widget.attrs['class'] = 'form-control'
self.fields['message'].widget.attrs['placeholder'] = 'Your Message'
self.fields['message'].widget.attrs['cols'] = '30'
self.fields['message'].widget.attrs['rows'] = '10'
views.py
from email.message import EmailMessage
from django.shortcuts import render
from content.forms import ContactForm
from content.models import About, Profile,Primaryskill,Secondaryskill,Services,Portfolio,Blog,Testimonial,Contact
from django.contrib import messages
#for sending emails and contact
from django.http import HttpResponseRedirect
from django.core.mail import send_mail
from django.conf import settings
from django.template.loader import render_to_string
from django.template import loader
# Create your views here.
def Homepage(request):
#django orm concept
profile = Profile.objects.first() #this will fetch all the data from Profile table first row and store it in profile
about = About.objects.first()
primaryskill = Primaryskill.objects.all()
secondaryskill = Secondaryskill.objects.all()
services = Services.objects.all()
testimonials = Testimonial.objects.all()
form = ContactForm()
context = {
'profile':profile,
'about': about,
'primaryskill':primaryskill,
'secondaryskill':secondaryskill,
'services':services,
'testimonials':testimonials,
'form':form,
}
return render(request,"index.html",context)
def MailContact(request):
if request.method == "POST":
form = ContactForm(request.POST)
if form.is_valid():
data = Contact()
data.fullname = form.cleaned_data['fullname']
data.email = form.cleaned_data['email']
data.subject = form.cleaned_data['subject']
data.phone_number = form.cleaned_data['phone_number']
data.message = form.cleaned_data['message']
data.save()
subject = form.cleaned_data['subject']
message = form.cleaned_data['message']
fullname = form.cleaned_data['fullname']
phone_number = form.cleaned_data['phone_number']
email = form.cleaned_data['email']
email_from = settings.EMAIL_HOST_USER
recipient_list = ['abc#gmail.com',]
html_message = loader.render_to_string(
'email.html',
{
'subject':subject,
'message':message,
'fullname':fullname,
'email':email,
'phone_number':phone_number,
}
)
if subject and message and email_from and recipient_list and html_message:
try:
send_mail(subject, message, email_from, recipient_list, html_message = html_message, fail_silently=False)
except:
messages.error(request,"Cannot send mail right now, Try again later")
return HttpResponseRedirect(request.META.get('HTTP_REFERER'))
messages.success(request,"Message sent successfully")
return HttpResponseRedirect(request.META.get('HTTP_REFERER'))
else:
messages.error(request,"Please! Make sure all fields are entered and valid.")
return HttpResponseRedirect(request.META.get('HTTP_REFERER'))
else:
messages.error(request,"Please! Make sure all fields are entered and valid.")
return HttpResponseRedirect(request.META.get('HTTP_REFERER'))
contact.html
<div data-aos="fade-left" data-aos-duration="500" data-aos-delay="200" data-aos-once="true" class="rn-contact-area section-height">
<div class="inner">
<h5 class="title">
Contact With Me
</h5>
{% if messages %}
{% for message in messages %}
<div id="index-alert"
class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %} alert-dismissible bg-{% if message.tags == 'success' %}success{% elif message.tags == 'danger' %}danger{% elif message.tags == 'primary' %}primary{% endif %}">
×
<strong class="text-white"> {% if message.tags == 'success' %}Success{% elif message.tags == 'danger' %} Error {% elif message.tags == 'primary' %}Message{% endif %} ! </strong><span class="text-white">{{message}}</span>
</div>
{% endfor %}
{% endif %}
<!--
<script>
window.setTimeout(function () {
$("#index-alert").fadeTo(800, 0).slideUp(800, function () {
$(this).remove();
});
}, 2000);
</script>
-->
<!-- Form area Srart -->
<form action = "{% url 'Contact' %}" method = "POST">
{% csrf_token %}
<div class="contact-form-wrapper">
<div class="introduce">
<div class="row">
<div class="col-lg-12 col-xl-6">
<div class="form-group">
<label for="name">Your Name</label>
{{form.fullname}}
</div>
</div>
<div class="col-lg-12 col-xl-6">
<div class="form-group">
<label for="phone">Phone Number</label>
{{form.phone_number}}
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label for="email">Email</label>
{{form.email}}
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label for="subject">subject</label>
{{form.subject}}
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label for="message">Your Message</label>
{{form.message}}
</div>
</div>
<div class="col-lg-12">
<button class="rn-btn" type="submit">
<span>SEND MESSAGE</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</button>
</div>
</div>
</div>
</div></form?
<! --Form area End -->
</div>
</div>
email.html
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Email</title>
</head>
<body>
<h1>Hi - this is contact form message</h1>
<p>
{{fullname}}
{{phone_number}}
{{email}}
{{subject}}
{{message}}
</p>
</body>
</html>
The HTML code is displaying so - I think it's working fine and I tried several different values again and again but it is not validating.
Thank you so much for helping!!