It's an amazing start in the year, IGWE, a wonderful song dropped by a wonderful artiste is hitting the 'net, this song is gonna move your heart in a special way, it has a touch of civilization as well as the intended genre to it. You cannot afford to not listen to this awesome one from Gabzey.
Tuesday 16 May 2017
Thursday 13 April 2017
Simple Input Validation using JQuery
Good day, dear reader! In this tutorial, I am going to explain to you how to do a simple validation of user input using a JavaScript Library (JQuery). Please note that in this tutorial, I may use this word often: JS, what it means is JavaScript. Pardon me.
JQuery makes writing JavaScript easier, in my own understanding at least, I find it easier writing JQuery to writing plain JavaScript. Take for example:
Plain JS:
JQuery:
These two lines mean the same thing, but as you can see, JQuery is easier to write and relatively faster, though as some developers have said when I asked them, you can be able to do so much more with plain JS, but anyways, JQuery is cool too.
First off, I'll create a simple HTML page template with my jquery library included in the <head> section as you can see in the image below, in the file, I want to have an input field and a button. You can add a bit of styling too, it doesn't hurt.
My input field have the following attributes and values:
'type' : 'text',
'id' : 'myInput',
'placeholder' : 'Enter a value'
The button also have some properties:
'type' : 'button',
'id' : 'check'
Now, just below the input field and the button, I placed a paragraph tag there meant to hold the output from our test (it will state whether or not the value you entered is a number or not). This will not contain any text by default, but I will give it an id property with value 'output' which I am going to manipulate using JQuery.
Save your file on your Desktop, with an HTML extension and then run in your local server and see what you have.
Hope you got a good hang of that? Look forward to more tutorials and walkthroughs.
If you have any question regarding this tutorial, feel free to use the comment box. I'll respond ASAP.
JQuery makes writing JavaScript easier, in my own understanding at least, I find it easier writing JQuery to writing plain JavaScript. Take for example:
Plain JS:
document.getElementById('jumbo');JQuery:
$("#jumbo");These two lines mean the same thing, but as you can see, JQuery is easier to write and relatively faster, though as some developers have said when I asked them, you can be able to do so much more with plain JS, but anyways, JQuery is cool too.
AIM
To check whether the value a user inserts in a field is a number or not.GETTING STARTED
To use JQuery in your web pages, you need to include the library in the <head> part of your document. You can download the JQuery library from https://jquery.org , for the purpose of this tutorial, I am using jquery.js and not the minified version of the library. I actually have no reason for this, but if I'm asked, I'll just say I love to see the finely indented codes inside the jquery.js , call me a fan of Clean Code, lol.First off, I'll create a simple HTML page template with my jquery library included in the <head> section as you can see in the image below, in the file, I want to have an input field and a button. You can add a bit of styling too, it doesn't hurt.
My input field have the following attributes and values:
'type' : 'text',
'id' : 'myInput',
'placeholder' : 'Enter a value'
The button also have some properties:
'type' : 'button',
'id' : 'check'
Now, just below the input field and the button, I placed a paragraph tag there meant to hold the output from our test (it will state whether or not the value you entered is a number or not). This will not contain any text by default, but I will give it an id property with value 'output' which I am going to manipulate using JQuery.
Save your file on your Desktop, with an HTML extension and then run in your local server and see what you have.
Hope you got a good hang of that? Look forward to more tutorials and walkthroughs.
If you have any question regarding this tutorial, feel free to use the comment box. I'll respond ASAP.
Thursday 2 March 2017
HTML: Adding an Audio Player to your web page
Good day dear reader and web development enthusiast. In this tutorial I am going to show you how to add an audio player to your web page. To execute this function, we shall be making use of the HTML audio tag — Cool isn't it?
First off, I'd like to believe you have seen the tutorial on Introduction to CSS which was released earlier today and that you are indeed familiar with HyperText
Monday 20 February 2017
How to become a veteran coder or programmer: Steps to follow
Hello there! It's me again today and I am going to share with you how to become a veteran/pro programmer/coder/developer. Humor me. You'd ask me if I am one, smiles. Anyways, I am good at what I know and I am very good at it. Oh, enough of chit chat and paparazzo. Let me delve right in.
Thursday 12 January 2017
My Video of the year 2016
It's not that I featured in a video clip, it's just one clip I saw that made the whole of December 2016 awesome, till now!
I really think you should see it too...
I really think you should see it too...
Tuesday 10 January 2017
Chika Ike flaunts her latest G-Wagon in stunning photos
Chika Ike strikes a pose while posing with her latest G-Wagon. Stunning photos were taken, check this out...
Do not get discouraged by discriminations
Good morning, dear reader!
This idea occurred to me some minutes ago and think it's worth sharing with you as it concerns me and most likely, it concerns you, too.
This idea occurred to me some minutes ago and think it's worth sharing with you as it concerns me and most likely, it concerns you, too.
There is one student who is determined
Thursday 5 January 2017
Mikel Obi undergoes medical as China move draws close
Chelsea’s John Obi Mikel is close to leaving the club for Chinese Super League club, Tianjin REDA, after undergoing medicals.
REDA have offered the Super Eagles captain
REDA have offered the Super Eagles captain
Wednesday 4 January 2017
Amara Kanu, Kanu Nwankwo’s wife stuns in new photos
Wife of legendary Nigerian soccer player, Nwankwo Kanu's wife look dazzling in her new photos which she shared on social media.
Sunday 1 January 2017
Welcome to 2017
HAPPY NEW YEAR
Happy New Year, dear reader. I am so very glad you made it to 2017. This year is going to be awesome. I'll like to go spiritual this day, so I speak the word of peace and joy into your life, that never throughout this year will you
Tuesday 20 December 2016
Why Cristiano Ronaldo does not wear black boots
Nike’s global vice-president, Max Blau, has revealed why Cristiano Ronaldo never plays with black boots.
The Real Madrid superstar’s partnership with the sports giants began in 2003, the same year he moved to Manchester United
The Real Madrid superstar’s partnership with the sports giants began in 2003, the same year he moved to Manchester United
Subscribe to:
Posts (Atom)