Combining javascript with jQuery, is this okay?

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
						statustxt.empty();; //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.

In your opinion, can you do this in js:

function myfunc()

     console.log('hello world');


or Should I use 100% jQuery?

No, you should learn JavaScript and use the native functions whenever appropriate.
jQuery just makes certain parts of JavaScript a lot easier and cross-browser compatible(like DOM, Events and Ajax), the aim should never be to write jQuery all the time.

And according to a recent sitepoint article, the aim may be to not write jQuery any time. :slight_smile:


Can you post the URL of the article here.
Thanks in advanced.

Be sure to read the comments as well.