I’m working on a signup form using jQuery’s AJAX and Codeigniter PHP framework, but the codeigniter doesn’t matter that much, if you see weird echo form_open(); or other weird things, don’t worry, they’re all codeigniter.
Okay, here’s my problem with the code. I tried simple post using jquery below (in the php code everything else is omitted and added a simple echo ‘hello, world!’; function, and it works / giving me a hello, world!):
$.post( 'ajax_signup_username' ,function(result){
$(span_error).html(result);
} );
But when I passed a post data in it, it doesn’t work (doesn’t output any result,note that I’m using the full PHP code written below-below):
$.post( 'ajax_signup_username', {php_username_error:username_value} ,function(result){
$(span_error).html(result);
} );
I’ve tried searching SO, but the solutions provided didn’t solve this. Any idea what’s wrong?
Here are the full codes:
Following is the html code:
<body>
<?php $attr = array( 'onsubmit' => 'return final_val()' ); echo form_open('formValidation/signUp',$attr); ?>
<p>Username: <input type="text" onBlur="username_val()" value="<?php echo set_value('username')?>" name="username" maxlength="50" /><span name="username_error"><?php echo form_error('username'); ?></p></span>
<p>Email: <input type="text" onBlur="email_val()" value="<?php echo set_value('email')?>" name="email" maxlength="50" /><span name="email_error"><?php echo form_error('email'); ?></p></span>
<p>Password: <input type="password" onBlur="pass_val()" value="<?php echo set_value('pass')?>" name="pass" maxlength="50" autocomplete="off"/><span name="pass_error"><?php echo form_error('pass'); ?></p></span>
<p>Password Confirm: <input type="password" onBlur="pass_val()" value="<?php echo set_value('passconf')?>" name="passconf" maxlength="50" autocomplete="off" /><span name="passconf_error"><?php echo form_error('passconf'); ?></p></span>
<p><input type="submit" value="SIGN UP!" name="signup"/></p>
</form>
</body>
Following is the php code:
function ajax_signup_username(){
$username = $_POST['php_username_error'];
$uniqueUn = $this->db->prepare("SELECT * FROM iowfiwefwmember WHERE username=:username");
$uniqueUn->bindParam(':username', $username);
$uniqueUn->execute();
$count1 = $uniqueUn->fetch();
if( $count1 == FALSE ){
echo 'USERNAME AVAILABLE!';
}else{
echo 'USERNAME IS ALREADY USED!';
}
}
Following is the javascript code:
function username_val(){
$.ajaxSetup({ cache : false });
username_value = $("input[name='username']").val();
span_error = "span[name='username_error']";
//$(span_error).load('ajax_signup_username', {php_username_error:username_value}); <-- also doesn't work [ $.ajaxSetup() is set to POST ]
$.post( 'ajax_signup_username', {php_username_error:username_value} ,function(result){
$(span_error).html(result);
} );
}
After long hours of doing dumb faces in front of my laptop, I found out that this IS a codeigniter issue, I turned on CSRF protection which caused the problem. After turning off CSRF feature, it works just fine, make sure not to repeat the same mistake, youngsters! Cheers! 😀