Итак, выдалась минутка свободного времени, и я решил упростить многим жизнь и ответить на ЧаВо «Обычные проверки текста в форме».
Есть (грубо говоря) 2 способа собственно самой проверки на JavaScript: с использованием регульрный выражений и без. Т.к. первый компактнее, актуальнее, экономичнее, разумнее и красивее - то я опишу именно его ;)
Итак, сначало определимся какие проверки нам нужны:- Заполненности поля (проверка того, что поле не пустое);
- Проверка верного адреса e-mail;
- Проверка на численность вводимых днных (проверка того, что в поле введено положительное или отрицательное целое число);
- Проверка на ввод опр. кол-ва символов;
- Проверка того, что пользователь выбрал переключатель (отл. от значения по умолчанию).
| Код |
// Автор: Лесных Илья
// Валидация форм
// Copyright 2004 Aliance ©
// поле не пустое
function isNotEmpty(elem) {
var str = elem.value;
var re = /.+/;
if(!str.match(re)) {
alert("Нужно заполнить все обязательные поля.");
setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
return false;
} else {
return true;
}
}
// Пол. или отриц. число
function isNumber(elem) {
var str = elem.value;
var re = /^[-]?\d*\.?\d*$/;
str = str.toString();
if (!str.match(re)) {
alert("Только номера.");
setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
return false;
}
return true;
}
// Длина ровно 15 символов!!!
function isLen15(elem) {
var str = elem.value;
var re = /\b.{15}\b/;
if (!str.match(re)) {
alert("15 символов должно быть.");
setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
return false;
} else {
return true;
}
}
// Проверка на корректный e-mail
function isEMailAddr(elem) {
var str = elem.value;
var re = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
if (!str.match(re)) {
alert("Проверте адрес e-mail.");
setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
return false;
} else {
return true;
}
}
// Чекбаттон выбран
function isChosen(select) {
if (select.selectedIndex == 0) {
alert("Выберете чекбаттон.");
return false;
} else {
return true;
}
}
// Радиобаттон выбран
function isValidRadio(radio) {
var valid = false;
for (var i = 0; i < radio.length; i++) {
if (radio[i].checked) {
return true;
}
}
alert("Выберете радиобаттон.");
return false;
}
function focusElement(formName, elemName) {
var elem = document.forms[formName].elements[elemName];
elem.focus();
elem.select();
}
|
ЗЫ: что бы пользователь не обошел проверку на локальной машине я всегда делаю так:
Цитата
Вместо <input type="submit" />
Пишу <input type="button" onclick="this.form.submit();" />
...
Пока что все, будет еще время - еще черкану :-)  |
Достаточно str.charCodeAt(i);.