$(document).ready(function(){
$("#form1").submit(function (e){
alert ('working 01');
e.preventDefault();
var $form = $(this);
alert ('working 02');
$.ajax({
type: 'POST',
url : '../portal.php',
data: $('#form1').serialize(),
success: function(response) {
$('#form1').fadeOut("slow");
alert ('working 03');
}
})
});
return false;
});
I have echoed in several places to see where it goes wrong. only "working 02 is displayed and nothing happened. portal.php is ready to accept data. Here's my form.
<form id="form1" method="post">
<label class="label_title"> e-mail </label>
<input type="text" id="email" required>
<label class="label_title">Comments:</label>
<textarea cols="50" rows="10" name="com" id="com" class="textarea required" required ></textarea>
<input type="submit" class="button" value="Send">
</form>