OneCompiler

voter details

120

Htmlfile

<!DOCTYPEhtml> <html> <head> <title>VoterDetails</title> <scriptsrc=https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js></script> </head> <body> <h2>VoterDetails</h2> <formid=”voterForm”> <labelfor=”name”>Name:</label> <inputtype=”text”id=”name”name=”name”required><br><br> <labelfor=”age”>Age:</label> <inputtype=”number”id=”age”name=”age”required><br><br> <labelfor=”nationality”>Nationality:</label> <inputtype=”text”id=”nationality”name=”nationality”required><br><br> <inputtype=”submit”value=”Submit”> </form> <divid=”response”></div> <script> $(document).ready(function(){ $(‘#voterForm’).submit(function(event){ Event.preventDefault(); Varname=$(‘#name’).val().toUpperCase(); Varage=$(‘#age’).val(); Varnationality=$(‘#nationality’).val(); $.ajax({ url:‘voter.php’, method:‘POST’, data:{name:name,age:age,nationality:nationality}, success:function(response){ $(‘#response’).html(response); } }); }); }); </script> </body> </html> Voter.phpfile <?php $name=$_POST[‘name’]; $age=$_POST[‘age’]; $nationality=$_POST[‘nationality’]; If(preg_match(‘/[^A-Z]/’,$name)){ Echo‘Nameshouldbeinuppercaselettersonly.’; }elseif($age<18){ Echo‘Ageshouldnotbelessthan18years.’; }elseif(strcasecmp($nationality,‘Indian’)!=0){ Echo‘NationalityshouldbeIndian.’; }else{ Echo‘Validationsuccessful.Voterdetails:<br>Name:‘.$name.’<br>Age: ‘.$age.’<br>Nationality:‘.$nationality; } ?