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.
		function IsEmpty(){
		  if(document.forms['frm'].question.value == "")
			alert("Question must no empty!");
			return false;
		  else {
			$(document).ready(function() { 
				var progressbox 	= $('#progressbox');
				var progressbar 	= $('#progressbar');
				var statustxt 		= $('#statustxt');
				var submitbutton 	= $("#SubmitButton");
				var myform 			= $("#frm");
				var output 			= $("#output");
				var completed 		= '0%';

					beforeSend: function() { //brfore sending form
						submitbutton.attr('disabled', ''); // disable upload button
						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
								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!");
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.