I've been working on a website that includes a mail form. I'm using the Mootools 1.4.3 library along with FormCheck 1.6.js. However, when I click the button, nothing happens except for the page refreshing. I really like this form and want to make it work. Where could I be going wrong? My goal is to have a form similar to [enter link description here][1]
SCRIPTS
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="lightbox/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="lightbox/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<link href="rss/example_ticker.css" rel="stylesheet" type="text/css" />
<script src="rss/jquery.zrssfeed.min.js" type="text/javascript"></script>
<script src="rss/jquery.vticker.js" type="text/javascript"></script>
<script type="text/javascript" src="formcheck/mootools-core-1.4.3.js"></script>
<script type="text/javascript" src="formcheck/mootools-more-1.4.0.1.js"></script>
<script type="text/javascript" src="formcheck/lang/en.js"> </script>
<script type="text/javascript" src="formcheck/formcheck.js"> </script>
<script type="text/javascript" src="formcheck/formcheck-yui.js"> </script>
<link rel="stylesheet" href="formcheck/theme/grey/formcheck.css" type="text/css" media="screen" />
HTML CODE
<div>
<form id="mailform" method="post" action="#">
<input type="hidden" name="id" value="112" />
<input type="hidden" name="submitted" value="1" />
<input type="hidden" name="L" value="0" />
<div style="width: 480px; margin-left: 60px;">
<div style="width: 250px; float: left; padding: 2px;">
<div style="width: 110px; float: left; font-size: 11px;">FULL NAME *</div>
<input name="name" type="text" id="name" class="validate['required','nodigit']" style="float: left; position: relative; width: 130px; background: #d1d2d4; border: solid 1px #7f8082;"/>
</div>
<!-- more HTML code -->
window.addEvent('domready', function () {check = new FormCheck('mailform', {
display: {
fadeDuration: 500,
errorsLocation: 1,
indicateErrors: 1,
showErrors: 1
}
})
});
</script>
</form>
</div>