Как выполнить простую проверку формы на стороне клиента с помощью JavaScript/jQuery? ⇐ Jquery

[Anonymous]

Я делал серию проектов на CodeCademy, и у меня есть проект из этой серии по проверке формы на стороне клиента с использованием JavaScript/jQuery.
Мой HTML:

Код: Выделить всё

Form Validation





First Name : 

Last Name : 

Age : 

Sex :  Male  Female

Submit

Мой JavaScript/jQuery:

Код: Выделить всё

$(document).ready(function()
{
var fname = document.getElementById('fname').val();
var lname = document.getElementById('lname').val();
var age = document.getElementById('age').val();
/*Do not know how to get element by class and that too, two different type. Have to check if user chose anything or not*/

$("#submit").click(function()
{
if(fname.length === 0)
{
alert("Please input a first name");
}
else if(lname.length === 0)
{
alert("Please input a last name");
}
else if(age.length === 0)
{
alert("Please input an age");
}
});
});

Мне не нужен очень сложный код, и, пожалуйста, помогите мне в отделе HTML, если там что-то не так или нужно что-то туда добавить.
Кроме того, я не знаю, как получить разные элементы в классе. Я оставил комментарий по этому поводу в своем jQuery, поэтому, пожалуйста, помогите, если можете.
Это проблема в проекте CodeCademy, и именно здесь у многих новичков в JS и jQuery возникает проблема, поэтому, если вы можете помочь, это поможет многим людям, а не только мне.

Подробнее здесь: https://stackoverflow.com/questions/236 ... ipt-jquery