Hi guys,

I want to validate a form with JavaScript first and then call jQuery codes afterwards.
Is this fine?
or Should I use 100% jQuery?

Below is the codes that I'm trying to test, I'm not sure if this okay.
Code:
	<script>
		function IsEmpty(){
		  if(document.forms['frm'].question.value == "")
		  {
			alert("Question must no empty!");
			return false;
		  }
		  else {
			$(document).ready(function() { 
				//elements
				var progressbox 	= $('#progressbox');
				var progressbar 	= $('#progressbar');
				var statustxt 		= $('#statustxt');
				var submitbutton 	= $("#SubmitButton");
				var myform 			= $("#frm");
				var output 			= $("#output");
				var completed 		= '0%';


				$(myform).ajaxForm({
					beforeSend: function() { //brfore sending form
						submitbutton.attr('disabled', ''); // disable upload button
						statustxt.empty();
						progressbox.show(); //show progressbar
						progressbar.width(completed); //initial value 0% of progressbar
						statustxt.html(completed); //set status text
						statustxt.css('color','#000'); //initial color of status text
					},
					uploadProgress: function(event, position, total, percentComplete) { //on progress
						progressbar.width(percentComplete + '%') //update progressbar percent complete
						statustxt.html(percentComplete + '%'); //update status text
						if(percentComplete>50)
							{
								statustxt.css('color','#fff'); //change status text to white after 50%
							}
						},
					complete: function(response) { // on complete
						//output.html(response.responseText); //update element with received data
						//myform.resetForm();  // reset form
						submitbutton.removeAttr('disabled'); //enable submit button
						progressbox.hide(); // hide progressbar
						alert("Data successfully saved!");
					}
				});
			}); 		  
		  }
		}
	</script>
As you can see I have inserted the jQuery codes inside the if else block of javascript codes.
Is this fine?

Any advice please.
Thanks in advanced.