October 10, 2012
capture submit() method
Question by Steffen Maas
I have a form like:
<form method="POST" action="page.html" onsubmit="alert('foo'); // validate();" name="foobar">
...
</form>
and a link like:
<div onclick="document.foobar.submit();">click me</div>
How can I capture the submit() method and call my validate function?
Answer by Sushil
You can call method from html itself. modified jsbin. Instead of submitting form on click you can call submitHandler and pass form reference.
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script type="text/javascript">
function validate(){
}
function submitHandler(form){
validate();
alert('foo');
}
window.onload = function(){
document.foobar.submit = submitHandler;
}
</script>
</head>
<body>
<form method="POST" action="page.html" onsubmit="submitHandler(this);" name="foobar">
<input type="text" />
</form>
<div onclick="document.foobar.submit()">click me</div>
</body>
</html>
