Hey guys, I have this weird problem, and firebug is not showing any error that make things harder to track, whenever I insert new data, it submits twice.
Here's my ajax:
$('#submit').click(function(){
if($('#titleID').val().length <=0 || $('#genreIDID').val().length<=0){
$("#InsertSuccessPrompt").css({"display":"none"});
$("#InsertEmptyPrompt").css({"display":"inline","color":"Red"});
return false;
}
else{
$.ajax({
type: 'POST',
url:'http://localhost/AnimeInventory/index.php/maincontroller/insertForm',
data:{title : $('#titleID').val(),genreid : $('#genreIDID').val()},
dataType:'JSON',
success: function(){
}
});
$("#InsertEmptyPrompt").css({"display":"none"});
$("#InsertSuccessPrompt").css({"display":"inline","color":"Green"});
return false;
}
});
Here's my php code:
<?php $genreList = array('1'=>'Comedy','2'=>'Action','3'=>'Sci-fi');
echo form_open('mainController/insertForm','id="JSInsertEvent"');
echo '<table><tr><td>';
echo form_label('Title').'</td><td>';
echo form_input('title','','id="titleID"').'</td></tr><tr><td>';
echo form_label('Genre').'</td><td>';
echo form_dropdown('genreid',$genreList,'','id="genreIDID"').'</td></tr><tr><td>';
echo form_submit('Submit','Submit Button','id="submit"').'</td><td>';
echo '<span id="InsertSuccessPrompt" style="display:none">Inserted</span>';
echo '<span id="InsertEmptyPrompt" style="display:none">Please fill up the title box</span>';
echo form_close().'</td></tr>';
?>
Maybe someone here already faced this problem before, Thanks,