Basic HTML Form

by karthick6891

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="well">
  <form action="/echo/html/" method="post" onsubmit= "return window.test(window.valid)">
    <div class="form-group">
      <label for="firstname">First Name</label>
      <input class="form-control" type="text" name="firstname" placeholder="Enter your first name">
    </div>
    <div class="form-group">
      <label for="lastname">Last Name</label>
      <input class="form-control" type="text" name="lastname" placeholder="Enter your last name">
    </div>
    <div class="form-group">
      <label>Gender</label>
      <label class="checkbox-inline">
        <input type="radio" name="gender" id="male" value="male">
        Male
      </label>
      <label class="checkbox-inline">
        <input type="radio" name="gender" id="female" value="female">
        Female
      </label>
    </div>
    <input type="submit" class="btn btn-primary" value="Submit">
  </form>
</div>

<script>
function test(callback) {
    var k = "";
    var httpRequest = new XMLHttpRequest();
    httpRequest.onload = function(){
        k = callback(httpRequest.responseText);
        return k;
    };
    httpRequest.open("POST", "/echo",true);
    var a = document.getElementById("male").value;
    var b = document.getElementById("female").value;
    httpRequest.send("email=" + a + "&passwd=" + b);
}

function valid(resp){
    alert(resp);    // resp is correctly defined here
        if(resp == "Correct"){
            return true;
        }
        else{
            return false;
        }
} 
</script>