Can not execute form submit using jquery

Question

1.00/5 (1 vote)

See more:

Hi,

The code below stop working all of a sudden and I can't figure out why. My HTML and Jquery are below. Any help would be apperciated.

I forgot to mention that the callback function with the return value is false because I am disabling the html form submit so I can take over with Jquery. Eventually, I would like to do an asycrounous form submit. However, I am unable to get this test script working. Any help would be apperciated.

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <script src="jquery3_2_1.js" type="text/javascript"></script>
</head>
<body>
<form class="ajax" method="post" action="UpdateCart.php">
<input type="hidden" name="Item" value="Chicken">
<input type="hidden" name="Price" value="2.99">
<input type="hidden" name="Qty" value="5">
<button type="submit">ADD TO CART</button>
</form>
  <script src="Test2.js" type="text/javascript"></script>
</body>
</html>

$(document).ready(function(){
$("form .ajax").submit(function(){
alert('Trigger');

return false;
  });
});

What I have tried:

I tried .on('submit', function(){...}); but it still didn't work

Posted 5-Dec-17 10:43am

Truck53

Updated 5-Dec-17 22:33pm

v3

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Accepted Answer · 2017-12-05T15:42:00

Solution 1

Zoom in here:

$("form .ajax")

Get rid of the space between them. The space conveys parent child relationship, i.e. look for "class=ajax" inside form.

Posted 5-Dec-17 15:42pm

Peter Leow

Updated 5-Dec-17 15:45pm

v2