CODEWITHSUNDEEP
phpjqueryajax
Rohan Korde
Rohan Korde

Reputation: 85

AJAX submit function with alert does not work

im trying to get an ajax submit function to work. i cant find what the issue is here. the button for submit is inside a table inside a form

i tried using alert to see if its working but it still not.

the method-

$("#submit").submit(function(){//comparing the total quoted hours with duration of time selected 

         alert("DEMO TEST");
         // code for the comparing values goes here but that's another 
         //story


});

the submit button-

<input type="submit" name="submit" value="submit" id="submit" onclick="index.php">

obviously the alert should pop an alert with DEMO TEST. i dont know where im going wrong

Upvotes: 2

Views: 83

Answers (3)

Subahan Herekar
Subahan Herekar

Reputation: 66

jQuery on click event is getting triggered first as onclick="index.php" so remove it and submit the form then it will work.or if you want that event to be trigerred you should return true. or you can submit form using jQuery using .submit() and after submitting the form you can use location.href

Upvotes: 0

Dilip Hirapara
Dilip Hirapara

Reputation: 15296

It just because of you are calling submit event. When you call submit event your form will submit. you need to take id and class of form like.

<form action="" id="formsubmit">
  <input type="submit" value="Submit"> //Remove name="submit" onclick="index.php"
</form> 

$("#formsubmit").submit(function(){
         alert("DEMO TEST");
});

Upvotes: 1

user3153340
user3153340

Reputation: 189

You have to point the .submit to your form, not your button. More info on how submit works on jQuery https://api.jquery.com/submit/

Upvotes: 1

Related Questions