?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="ThemeBucket">
<link rel="shortcut icon" href="images/favicon.png">
<title>Login</title>
<!--Core CSS -->
<link href="bs3/css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-reset.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet" />
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]>
<script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[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.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body class="login-body">
<div class="container">
<form class="form-signin" method="post" id="form_member" name="form_member">
<h2 class="form-signin-heading">registration now</h2>
<div class="login-wrap">
<p>Enter your personal details below</p>
<!-- <input type="text" id="first_name" name="first_name" class="form-control" placeholder="First Name" autofocus> -->
<input type="text" id="last_name" name="last_name" class="form-control" placeholder="Name" autofocus>
<!-- <input type="text" id="address" name="address" class="form-control" placeholder="Address" autofocus> -->
<input type="text" id="email" name="email" class="form-control" placeholder="Email" autofocus>
<!-- <input type="text" id="phone" name="phone" class="form-control" placeholder="Phone" autofocus> -->
<!-- <div class="radios">
<label class="label_radio col-lg-6 col-sm-6" for="radio-01">
<input name="sample-radio" id="radio-01" value="1" type="radio" checked /> Male
</label>
<label class="label_radio col-lg-6 col-sm-6" for="radio-02">
<input name="sample-radio" id="radio-02" value="1" type="radio" /> Female
</label>
</div> -->
<!-- <p> Enter your account details below</p> -->
<!-- <input type="text" id="surname" name="surname" class="form-control" placeholder="User Name" autofocus> -->
<input type="password" id="mdp" name="mdp" class="form-control" placeholder="Password">
<input type="password" class="form-control" placeholder="Re-type Password">
<!-- <label class="checkbox">
<input type="checkbox" value="agree this condition"> I agree to the Terms of Service and Privacy Policy
</label> -->
<!-- <button id="bt_save" class="btn btn-lg btn-login btn-block" type="submit">Sign Up!</button> -->
<a id="bt_save" class="btn btn-lg btn-login btn-block" style="width: 100%;cursor: pointer;"><i class="fa fa-pencil" id="symbole" aria-hidden="true"></i> Sign Up!</a>
<div id="result"></div>
<div class="registration">
Already Registered.
<a class="" href="login.php">
Login
</a>
</div>
</div>
</form>
</div>
<!-- Placed js at the end of the document so the pages load faster -->
<!--Core js-->
<script src="js/jquery.js"></script>
<script src="bs3/js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$("#bt_save").click(function(){
$('#symbole').removeClass('fa-paper-plane').addClass('fa-refresh fa-spin');
$('#symbole').removeClass('fa-times').addClass('fa-refresh fa-spin');
var id_member = "";
var email = $("#email").val();
var mdp = $("#mdp").val();
// var first_name = $("#first_name").val();
var last_name = $("#last_name").val();
// var surname = $("#surname").val();
// var address = $("#address").val();
// var phone = $("#phone").val();
var active = 1;
var admin = 0;
const regex = /^(05|07)/;
if (mdp !="" && email !="" && last_name !=""){//first_name !="" && phone.length == 10 &&
// if(!regex.test(phone)){
// alert("Please enter phone number starting with 05 or 07!");
// return false;
// }
$.ajax({
url: "insert_new_member.php",//first_name:first_name,surname:surname,address:address,phone:phone,
data: {id_member:id_member,email:email,mdp:mdp,last_name:last_name,active:active,admin:admin},
type: 'POST',
success: function(data, textStatus, xhr) {
if(data!=""){
alert(data);
return false;
}else{
$("#form_member").fadeOut();
$('#bt_save').fadeOut();
$('#symbole').removeClass('fa-refresh fa-spin').addClass('fa-check');
$('#result').html('<p style="text-align: center;color:green;font-size:15px;"><i class="fa fa-check" aria-hidden="true"></i> Successfull action !</p>');
$('#result').delay(500).fadeIn();
setTimeout(function() {
window.location.href = "index.php";
}, 1500);
}
},
error: function(xhr, textStatus, errorThrown) {
$('#result').html('<p style="text-align: center;color:red;font-size:15px;"><i class="fa fa-times" aria-hidden="true"></i> Error on this action </p>');
$('#result').fadeIn();
$('#result').delay(4000).fadeOut();
$('#symbole').removeClass('fa-refresh fa-spin').addClass('fa-times');
}
});
}else{
if(email == ""){
alert("Please fill the email address!");
return false;
}
if(mdp == ""){
alert("Please fill the password!");
return false;
}
// if(first_name == ""){
// alert("Please fill the first name!");
// return false;
// }
if(last_name == ""){
alert("Please fill the name!");
return false;
}
// if(!regex.test(phone)){
// alert("Please fill a correct phone number!");
// return false;
// }
}
});
});
</script>
</body>
</html>