[jQuery] corners + validation problem
My form wasn't validating and I was able to determine that applying
'corners' to the submit button was causing the problem. Has anyone run
into this before? You can see the form doesn't validate. If you remove
the .corners function it works fine. Strange...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Travel Request</title>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../jquery/corners.js"></script>
<script type="text/javascript" src="../jquery/jquery.validate.js"></
script>
<script type="text/javascript">
$(function() {
$('.button').corners('15px');
});
$(function(){
$("#form1").validate();
});
</script>
</head>
<body>
<form action=".." method="post" name="form1" id="form1" class="one">
<input type="text" class="required" name="required" />
<input type="submit" value="enter" class="button" />
<input type="hidden" name="MM_insert" value="form1" />
</form>
</body>
</html>