JavaScript Tutorial - How to check if JavaScript is enabled

Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/02/how-to-check-if-javascript-is-enabled.html Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help. https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1 In this video we will discuss how to check if JavaScript is enabled or disabled. Let us understand this with an example. We have a page that captures Name and Gender. Both fields are required. The page relies on JavaScript being enabled for performing validation. We should always have server side validation irrespective of whether we have client side validation or not. It is not a good practice to rely just on client side validation, but for the purpose of this demo, let us say we only have client side validation. If JavaScript is enabled then we want to display the Name and Gender elements and the user can continue to use the application. If JavaScript is disabled then we want to hide the Name and Gender elements and we want to display the following message. It seems that you have disabled JavaScript. Please enable JavaScript. The easiest way to detect if JavaScript is enabled is by using noscript tag. The content inside the [noscript] element will be displayed only if scripts are not supported, or are disabled in the user's browser. [noscript] [style type="text/css"] .rootDiv { display: none; } [/style] [h1]It seems that you have disabled JavaScript. Please enable JavaScript.[/h1] [/noscript] [div id="rootElement" class="rootDiv"] [table border="1"] [tr] [td] Name [/td] [td] [input id="txtName" type="text" onfocus="validateIfEmpty('txtName')" onblur="validateIfEmpty('txtName')" onkeyup="validateIfEmpty('txtName')" /] [/td] [/tr] [tr] [td] Gender [/td] [td] [input id="txtGender" type="text" onfocus="validateIfEmpty('txtGender')" onblur="validateIfEmpty('txtGender')" onkeyup="validateIfEmpty('txtGender')" /] [/td] [/tr] [/table] [/div] [script type="text/javascript"] function validateIfEmpty(control) { var controlToValidate = document.getElementById(control); if (controlToValidate.value == "") { controlToValidate.style.background = "red"; } else { controlToValidate.style.background = "white"; } } [/script]