Untitled


<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Grayscale - Start Bootstrap Theme</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/login.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->


</head>
<div class="container">
    	<div class="row">
			<div class="col-md-6 col-md-offset-3">
				<div class="panel panel-login">
					<div class="panel-heading">
						<div class="row">
							<div class="col-xs-6">
								<a href="#" class="active" id="login-form-link">Login</a>
							</div>
							<div class="col-xs-6">
								<a href="#" id="register-form-link">Register</a>
							</div>
						</div>
						<hr>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-lg-12">
								<form id="login-form" action="" method="post" role="form" style="display: block;" >
								   <div id="error"></div>
									<div class="form-group">
										<input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value="" required/>
									</div>
									<div class="form-group">
										<input type="password" name="password1" id="password" tabindex="2" class="form-control" placeholder="Password" required />
									</div>

									<div class="form-group">
										<div class="row">
											<div class="col-sm-6 col-sm-offset-3">
												<input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="Log In">
											</div>
										</div>
									</div>
									<div class="form-group">
										<div class="row">
											<div class="col-lg-12">

											</div>
										</div>
									</div>
								</form>
								<form id="register-form" action="" method="post" role="form" style="display: none;">
									<div class="form-group">
										<input type="text" name="username" id="username1" tabindex="1" class="form-control" placeholder="Username" value=""/>
									</div>
									<div id="status"></div>
									<div class="form-group">
										<input type="email" name="email" id="email" tabindex="1" class="form-control" placeholder="Email Address" value="" required/>
									</div>
									<div class="form-group">
										<input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password"/>
									</div>
									<div class="form-group">
										<input type="password" name="confirm-password" id="confirm-password" tabindex="2" class="form-control" placeholder="Confirm Password"/>
									</div>
									<div class="form-group">
										<div class="row">
											<div class="col-sm-6 col-sm-offset-3">
												<input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now"/>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="js/jquery.js"></script>
	<script src="js/login.js"></script>


	<script type="text/javascript">

      $(document).ready(function(){
	$("#error").css('display', 'none', 'important');
	 $("#login-submit").click(function(){
		var  username=$("#username").val();
		var  password=$("#password").val();
		  $.ajax({
		   type: "POST",
		   url: "../blog/database/login.php",
			data: "name="+username+"&pwd="+password,
		   success: function(html){
			if(html=='coordinator')  {
				window.location = "../blog/addpost.php";
			}
			else if(html=='Normal') {
				window.location = "konnect.php";
			}
			else    {
			$("#error").css('display', 'inline', 'important');
			 $("#error").html("<p>Wrong username or password</p>");
			}
		   },
		   beforeSend:function()
		   {
			$("#error").css('display', 'inline', 'important');
			$("#error").html("<img src='images/ajax-loader.gif' /> Loading...")

		   }
		  });
		return false;
	});
	$("#username1").change(function()
{
var username = $("#username1").val();
var msgbox = $("#status");

if(username.length > 3)
{
$("#status").html('Checking availability');

$.ajax({
type: "POST",
url: "../blog/database/registration.php",
data: "username="+ username,
success: function(data){
  $("#status").html(data);
}
});

}
else
{

$("#status").html('Enter valid User Name');
}
return false;
});
});


   //-->
</script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#register-form" ).validate({
  rules: {
    password: "required",
   confirm-password: {
      equalTo: "#password"
    }
	},messages: {
      password :" Enter Password",
      confirmpassword :" Enter Confirm Password Same as Password"
     }

});
</script>
</body>
</html>