I have my ajax code that I'm trying to post from the values of textbox's. I want to send the info to my php page to where it does a query.
function addUser() {
myOutput = document.getElementById('add_user_result');
var member_username = $('#username_name').val();
var member_email = $('#email_name').val();
var member_cpukey = $('#cpukey_name').val();
if(member_username != "" & member_email != "" & member_cpukey != "") {
$.ajax({
type: "POST",
url: 'includes/ajax_data_add_member.php',
data: { username: member_username, email: member_email, cpukey: member_cpukey },
success: function(response) {
$("#add_user_result").show();
$('#add_user_result').fadeOut(3000).html(response);
header('Location: admin_members.php');
},
error: function() {
$("#add_user_result").show();
$('#add_user_result').fadeOut(3000).html(response);
header('Location: admin_members.php');
}
});
} else {
$("#add_user_result").show();
$('#add_user_result').fadeOut(3000);
myOutput.innerHTML = "<font style='color: red;'>You must fill in all the blanks.</font>";
}
return false;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
<div class="col-lg-12">
<div class="p-20">
<div class="card-box" style="background: #eeeeee; padding: 10px; border: 1px solid #E3E3E3; border-radius: 0px;">
<div class="form-inline">
<div class="form-group" style="padding-left: 4%;">
<div class="form-group m-r-12">
<label class="col-sm-12 control-label">Add User</label>
</div>
<input type="text" name="username_name" id="username_name" placeholder="Username" class="form-control" required/>
<input type="text" name="email_name" id="email_name" placeholder="Email" class="form-control" required/>
<input type="text" name="cpukey_name" id="cpukey_name" placeholder="CPUKey" class="form-control" required/>
<button onclick="addUser()" class="btn btn-success"><i class="fa fa-user-plus"></i> Add User</button>
<select class="form-control" id="selection_value" name="selection_value">
<option value="account_credits">Account Credits</option>
<option value="free_gifted_credits">Free Gifted Credits</option>
<option value="time">Member Server Days</option>
</select>
<input type="text" name="add_to_all_value" id="add_to_all_value" onkeypress="return isNumberKey(event)" placeholder="Value to add to current" class="form-control" required/>
<button id="button1" onclick="add_to_all()" class="btn btn-primary"><i class="fa fa-user-plus"></i> Add To All Users</button>
</div>
</div>
</div>
<div id="add_user_result" class="add_user_result"></div>
</div>
</div>
</div>
My PHP code
if(!empty($_POST) && isset($_POST)) {
$username = mysqli_real_escape_string($con, $_POST['username']);
$email = mysqli_real_escape_string($con, $_POST['email']);
$cpukey = mysqli_real_escape_string($con, $_POST['cpukey']);
$default_password = grab_default_user_password();
$insert_query = mysqli_query($con, "INSERT INTO users SET username = '$username', password = '$default_password', email = '$email', cpukey='$cpukey'");
if($insert_query) {
echo '<font style="color: green;">Successfully Inserted user <b>'.$username.'</b></font>';
echo '<META HTTP-EQUIV="Refresh" CONTENT="3; URL=admin_members.php">';
}
else {
echo '<font style="color: red;">Failed to insert user <b>'.$username.'</b></font>';
echo '<META HTTP-EQUIV="Refresh" CONTENT="3; URL=admin_members.php">';
}
}
Does anyone know why when I click on and type in each of the textbox's, it says " You must fill in all the blanks. " even though none of them are equal to '' (blank). And then, when I refresh, it sends me back to the index.php (signs my session out).