проверка на подачу для класса

Question

У меня есть несколько полей, и для полей, которые я хочу проверить, у меня есть связанный с ним класс. Теперь при отправке формы мне нужно проверить поля. Может кто-нибудь показать мне синтаксис, как это сделать. например:

<form action="form_action.asp" method="get" onSubmit= "return validateFields()">
  First name: <input type="text" class="abc" name="fname" /><br />
  Last name: <input type="text" class="abc" name="lname" /><br />
 age: <input type="text" class="zzz" name="age" /><br />
  <input type="submit" value="Submit" />
</form>

Answer 1

Мне проще использовать идентификаторы

First name: <input type="text" class="abc" name="fname" id="fnameElem" /><br />

Тогда вы можете проверить, если он пуст с помощью

    if (document.getElementById('fnameElem').value == ''){
        alert('First name cannot be blank');
        return false;
    }

Answer 2

Если вам нужна только проверка на стороне клиента, вы можете использовать плагин Jquery Validate :

$("form").validate({
    rules: {
        fname: { required: true },
        lname: { required: true },
        age: { required: true }
    }
});

Или поместите его прямо в разметку HTML:

<form action="form_action.asp" method="get" onSubmit= "return validateFields()">
    First name: <input type="text" class="abc required" name="fname" /><br />
    Last name: <input type="text" class="abc required" name="lname" /><br />
    age: <input type="text" class="zzz required" name="age" /><br />
    <input type="submit" value="Submit" />
</form>