html form sending GET instead of POST on form submit

Wednesday, July 2, 2014

Pardon my web skills but i have a very rudimentary problem.


I have this html form which should ideally call my /login url with post but for some reason it always sends a get request to that url and fails. I can't figure out how that is happening.


This is my html form



<!DOCTYPE html>
<html class="no-js">
<head>

<title>Login - MobileMedic</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="">
<meta name="author" content="" />

<link rel="stylesheet" href="http://ift.tt/1oqyvvw" type="text/css">
<link rel="stylesheet" href="http://ift.tt/1qpfs6c" type="text/css" />
<link rel="stylesheet" href="http://ift.tt/1ibOvLg" type="text/css" />
<link rel="stylesheet" href="http://ift.tt/1qpftXM" type="text/css" />
<link rel="stylesheet" href="http://ift.tt/1qpftXO" type="text/css" />
<link rel="stylesheet" href="http://ift.tt/1oqyvLQ" type="text/css" />
<link rel="stylesheet" href="http://ift.tt/1qpfs6q" type="text/css" />

<script src="./js/jquery-1.9.1.min.js"></script>
<script src="./js/alert.js"></script>
<script src="./js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/plugins/parsley/parsley.js"></script>

</head>

<body>
<div class="gifload"></div>

<div id="login-container">

<div id="logo">
<a href="http://ift.tt/1oqyvLU"> <img src="./images/logos/logo-login.png" alt="Logo" /> </a>
</div>

<div id="login">

<h3>Welcome to Apprick Technologies.</h3>

<h5>Please sign in to get access.</h5>

<form method="post" action="/login" id="login-form" class="form parsley-form" data-validate="parsley">
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="Email" required="required">
</div>

<div class="form-group">
<input type="password" class="form-control" id="password" placeholder="Password" required="required">
</div>

<div class="form-group">
<input type="submit" class="btn btn-primary btn-block" name= "Signin" value="Signin"/>
</div>

</form>

</div>
</div>
<!-- /#login-container -->
</body>






http://ift.tt/1qpftXY