I am new to usage of jquery.I want to show a confirmation facebox while all my input requirements are true.ie when my form fields are validated a simple facebox should appear showing the forms are validated.How can i do it.Itried a lot.But i didnt get the source for facebox.I didnt get the source(src) file from nowhere.Any one please help me in solving.My code is as follows:
<head>
<script type="text/javascript" src="jquery-1.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<link href="../src/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function(){
$("#form1").validate({
rules:{
name:{
required:true
},
password:{
required:true
},
age: {
required: true,
range: [17, 30]
}
}
});
});
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
loadingImage : '../src/loading.gif',
closeImage : '../src/closelabel.png'
})
})
</script>