Есть такая форма:
1.
2.
3.
4.
5.
6.
7.
<form name="auth-client" method="get" action="check.php" onsubmit="return validateFormClient()">
<input type="hidden" name="method" value="client">
<label><span class="label">Пользователь:</span><input type="text" name="username" placeholder="###-####" size="10"><span class="debug tips"></span></label>
<label><span class="label">Пароль:</span><input type="password" name="password" placeholder="########" size="10"><span class="debug tips"></span></label>
<label><input type="checkbox" name="terms" value="agreed">Я принимаю условия предоставления услуги</label>
<button type="submit">Подключиться</button>
</form>
Хочу прикрутить к форме валидацию до ее отправки:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
function checkField(fld,mask)
{
lbl = fld.?
...
}
function validateFormClient()
{
if (!checkField(document.forms["auth-client"]["username"],"###-####")) {return false}
if (!checkField(document.forms["auth-client"]["password"],"")) {return false}
if (!checkField(document.forms["auth-client"]["terms"],"")) {return false}
return true;
}
В функции мне нужно проверить следующее:
1. Если проверяемое поле text — оно не должно быть пустым.
2. Если задана маска ввода, введенный текст должен ей соответствовать.
3. Если проверяемое поле checkbox, то он должен быть отмечен.
4. После input может присутствовать span.debug; если он есть, то ему нужно добавить дополнительный класс/стиль и вставить определенный текст.
Не подскажите, как решить четвертый пункт?
Если задан объект, как от него получить следующий span?
________________________
Мы смотрим с оптимизмом...
...в оптический прицел.
