Проверка формы в javascript, валидация данных

В этой статье я бы хотел затронуть такую тему, как проверка формы в javascript перед отправкой на сервер. Конечно, проверку данных можно сделать и на сервере, с помощью ajax, не перегружая страницу, и это будет более надежная проверка с точки зрения безопасности, а сам код проверки окажется скрыт, но потребует больше времени на выполнение, нежели проверка на стороне пользователя. Приведу наиболее часто используемые мной проверки.

Проверка написания e-mail адреса

Этой простой функцией можно проверить правильность указания пользователем email адреса с учетом ввода лишних пробелов или без, если пробелы на сервере перед сохранением все равно удаляются.

//проверка e-mail
function isValidEmail (email, strict){
if ( !strict ) email = email.replace(/^\s+|\s+$/g, '');
return (/^([a-z0-9_\-]+\.)*[a-z0-9_\-]+@([a-z0-9][a-z0-9\-]*[a-z0-9]\.)+[a-z]{2,4}$/i).test(email);
}

email — параметр, в который мы передаем непосредственный email для проверки на правильность написания

strict — флаг строгой проверки. Если false, то адрес не будет проверяться на наличие лишних пробелов в начале и в конце.

Проверка данных формы на принадлежность к числу

Если введенные пользователем данные должны быть обязательно числовыми, то можно добавить следующую проверку.

function CheckIt(id){ //получаем id поля, которое нужно проверить
if (isNumber(document.getElementById(id).value)){
}else{
document.getElementById(id).value="1";
}
}</code>

function isNumber(src){
var res = '';
var ver = Number(ScriptEngineMajorVersion() + '.' + ScriptEngineMinorVersion())
if (ver >= 5.5){
var re = /[0-9]+/g;
var arr = re.exec(src);
res = false;
if (arr != null) {
if ((arr.lastIndex - arr.index) == src.length) {
res = true;
}
}
} else{
alert('Требуется более новая версия JScript для использования регулярных выражений.');
}
return res;
}