I simplified my code to reduce extraneous information, but I am having the same problem with the reduced code as with the more complex version. I have a form like this:
<form id="password_reset_form" action="script_reset_password.php" method="POST">
<input type="submit" value="Set Password" class="button-inactive" />
</form>
and jQuery code like this:
<script type="text/javascript">
$(document).ready(function(){
$("#password_reset_form").submit(function(){
alert("form submit attempted");
event.preventDefault();
}
});
</script>
But the jQuery .submit() is not being called. The goal is to prevent the form submission and display an error message if a particular condition is met, but my question is, why isn't .submit() being called when the <input type="submit" /> is clicked?
2 Answers 2
You need to catch the event from within the callback function.
$(document).ready(function(){
$("#password_reset_form").submit(function(e){
alert("form submit attempted");
e.preventDefault();
});
});
answered Oct 19, 2015 at 19:02
Pierre
19.1k5 gold badges44 silver badges63 bronze badges
Sign up to request clarification or add additional context in comments.
4 Comments
PeterKA
And close the event binding with a
);.j08691
Works fine without it for me (even though I agree that it belongs there). jsfiddle.net/j08691/mpbtd4cz
DontVoteMeDown
@j08691 nice to know that
event is defined in the scope even if it wasn't defined...Chris Rymer
@ DontVoteMeDown - Yeah but not in all browsers AFAIK for better support you must pass it in to the callback.
You have syntax errors in your code, The document ready needs to be closed.
$(document).ready(function(){
$("#password_reset_form").submit(function(evt){
alert("form submit attempted");
evt.preventDefault();
});
});
answered Oct 19, 2015 at 19:04
Chris Rymer
7135 silver badges16 bronze badges
Comments
lang-js
)}to});-- you must be seeing a syntax error. Dev tools are your friend, don't give them a cold shoulder. :-)