Java, .NET, PHP, PYTHON, ANGULAR, ML, Data Science, Testing, CI Tutorials in Easy Languages.

"Best Software Training, Internship, Project Development center of Indore India, Helpline 780506-3968"

How to create a form using GET with Form validation:-

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>



1 Comments

If you have any doubt in programming or join online classes then you can contact us by comment .

Post a Comment

If you have any doubt in programming or join online classes then you can contact us by comment .

Previous Post Next Post