You are on page 1of 6

Akshita Seegoolam

11:52 PM (0 minutes ago)

to Mustaq

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<!-- Include meta tag to ensure proper rendering and touch zooming -->

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Include jQuery Mobile stylesheets-->

<link rel="stylesheet" href="js/jquery.mobile-1.4.5.css">

<!-- Include the jQuery library -->

<script src="js/jquery.js"></script>

<!-- Include the jQuery Mobile library -->

<script src="js/jquery.mobile-1.4.5.js"></script>

<link rel="stylesheet" href="js/style.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-


awesome.min.css">

<script>

function insertUser(){

var email_c = document.getElementById("suEmail").value;


var password_c = document.getElementById("suPassword").value;

var lname_c = document.getElementById("suLName").value;

var fname_c = document.getElementById("suFName").value;

var pnum_c = document.getElementById("suTelephone").value;

var Confirm_pass = document.getElementById("suconfirmpass").value;

var valid = "No user Registered";

alert("asdf");

var url = "http://localhost/hammadassigment/index.php?


operation=2&email="+email_c+"&password="+password_c+"&FName="+fname_c+"&LName="+lname_
c+"&telephone="+pnum_c+"&confirm_p="+Confirm_pass;

$.get (url, function (data, status){

if(data === "New User created successfully"){

alert("User Registered successfully");

location.replace("index.php");

}else{

alert("User not registered or incorrect credentials");

});

function repla(){

location.replace("index.php");

</script>

<style>

h2{

color:black;
text-shadow:none;

text-align:center;

.container{

background-color: white;

width: 300px;

border: 3px solid black;

border-radius: 25px;

padding:10px 10px;

margin: 20px;

.signup{

margin:20px;

span{

color:#f85f6a;

.sutxt .ui-input-text, .ui-input-search {

margin: 0.5em 0;
border-radius: 0px;

border-width: 1.5px;

border-top:0px;

border-left: 0px;

border-right: 0px;

border-style: solid;

</style>

</head>

<body>

<div data-role="page" id="signuppage" style="background-color:white;">

<div data-role="main" class="ui-content">

<h2>Sign Up</h2>

<div class="all">

<div class="container">

<form>

<h4 style="color:#f85f6a;text-shadow: none;">First Name</h4>

<input type="text" name="suFName" id="suFName" placeholder="First Name">

<h4 style="color:#f85f6a;text-shadow: none;">Last Name</h4>

<input type="text" name="suLName" id="suLName" placeholder="Last Name">

<h4 style="color:#f85f6a;text-shadow: none;">Email</h4>


<input type="text" name="suEmail" id="suEmail" placeholder="Email">

<h4 style="color:#f85f6a;text-shadow: none;">Telephone</h4>

<input type="text" name="suTelephone" id="suTelephone" placeholder="Telephone">

<h4 style="color:#f85f6a;text-shadow: none;">Password</h4>

<input type="password" name="suPassword" id="suPassword" placeholder="Password"


><iclass="fa fa-eye"></i>

<h4 style="color:#f85f6a;text-shadow: none;"> Confirm Password</h4>

<input type="password" name="suconfirmpass" placeholder="Password" id="suconfirmpass">

<br>

<input type="checkbox" name="" id="check" value="terms">

<label for="check">I agree to the <span>Terms of Services</span> and <span>Privacy


Policy</span></label>

</form>

</div>

<button style="background-color:#f85f6a;width:300px;margin:30px;color:white"
onclick="insertUser()">Continue</button>

<div class="signup">

<p>Already have an Account?<a href="#signuppage" style="color:#f85f6a;text-decoration:none"


onclick="repla()">Sign In</a></p>

</div>

</div>

</div>

</div>
</body>

</html>

You might also like