Rick,
onInvalid: function(form) {
Did you mean onInvalid = function(form){
Why are you declaring functions inside of your $(document).ready() ?
Below I've attached working code, give it a try:
~Sean
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head><title>Toggle Submit</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="main.css" type="text/css" title='main'
media="screen" />
<style type="text/css">
* { margin:0px; padding:0px; }
img { border:0px; }
a {
outline:none;
display:block;
margin:14px;
font:14pt Calibri, Arial, sans-serif;
color:#000;
}
body { text-align:center; margin:30px; }
</style>
<script type="text/javascript"
src="http://jquery.com/src/jquery-latest.pack.js";></script>
<script type="text/javascript">
var enabled = true;
toggleSubmit = function(form){
if(enabled)
$("input:submit",form).attr("disabled","disabled");
else
$("input:submit",form).attr("disabled","");
enabled = !enabled;
}
</script>
</head><body>
<form>
<a href="javascript:toggleSubmit($('form'));">Toggle Submit</a>
<input type="submit" value="Submit">
</form>
</body></html>
