We can use Javascript for client-side validation and Python for server-side validation.
1) Create a method in views.py
from django.shortcuts import render
from django.http import HttpResponse
def index(request):
return render(request,"siapp/silogic.html")
def silogic(request):
p=request.GET["txtnum1"]
r=request.GET["txtnum2"]
t=request.GET["txtnum3"]
si=(float(p)*float(r)*float(t))/100
return render(request,"siapp/silogic.html",{'res':si})
2) Create Design using HTML in templates
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body
{
background-color: gray;
}
input[type='text']
{
width: 500px;
height: 35px;
}
input[type='submit']
{
width: 400px;
height: 35px;
background-color: orange;
}
</style>
<script type="text/javascript">
function validate()
{
p = document.getElementById("txtnum1").value;
r = document.getElementById("txtnum2").value;
t = document.getElementById("txtnum3").value;
if(p.length==0)
{
document.getElementById("spp").innerHTML="Enter P";
return false;
}
if(r.length==0)
{
document.getElementById("spr").innerHTML="Enter R";
return false;
}
if(t.length==0)
{
document.getElementById("sprt").innerHTML="Enter T";
return false;
}
}
</script>
</head>
<body>
<form action="silogic" method="get">
<input type="text" name="txtnum1" id="txtnum1" placeholder="Enter p" required="" /><span id="spp"></span>
<br><br>
<input type="text" name="txtnum2" id="txtnum2" placeholder="Enter r" required="" /><span id="spr"></span>
<br><br>
<input type="text" name="txtnum3" id="txtnum3" placeholder="Enter t" required="" /><span id="spt"></span>
<br><br>
<input type="submit" name="btnsubmit" value="Calculate" onclick="return validate()" />
</form>
{{res}}
</body>
</html>
POST Answer of Questions and ASK to Doubt