i'm developing a website for a school project, but it's 2 days i'm working on a change password function with no success. I wrote an ajax function to send post data to php script.
$(function() {
function submitForm() {
var data = $("#chpass").serialize();
$.ajax({
type : 'POST',
url : "chpass.php",
data : data,
});
}
});
That's the chpass.php script.
<?php
include_once 'dbconfig.php'; // import db configuration
$sql = "UPDATE tbl_users SET user_password='password' WHERE user_email= "asdfgh@adfghj.dfgh"";
// Prepare statement
$stmt = $db_con->prepare($sql);
// execute the query
$stmt->execute();
?>
And the html
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Change Password</h4>
</div>
<div class="modal-body">
<form method="post" id="chpass">
<div id="error">
<!-- error will be showen here ! -->
</div>
<!-- password -->
<div class="form-group has-feedback">
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
<input type="password" class="form-control" placeholder="New Password" name="password" id="password" />
</div>
<!-- retype password -->
<div class="form-group has-feedback">
<span class="glyphicon glyphicon-log-in form-control-feedback"></span>
<input type="password" class="form-control" placeholder="Retype Password" name="cpassword" id="cpassword" />
</div>
</form>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-xs-8">
</div>
<!-- /.col -->
<div class="col-xs-4">
<button id="btn-submit" type="submit" class="btn btn-primary btn-block btn-flat " name="btn-save" onclick="submitForm()" >Change</button>
</div>
<!-- /.col -->
</div>
</div>
</div>
</div>
</div>
I really do not understand why it doesn't work.