Автопроверка полей при регистрации.
Автор: admin ‡ Дата: 2nd Февраль 2012 ‡ Рубрика: Без рубрики ‡Автопроверка правильности заполнения при регистрации, может, кому-нибудь пригодится.
Итак:1. В шаблон registration.tpl в самом верху добавляем код:
<script type="text/javascript"> function check_str ( value ) var regxp = new RegExp("[ else var reg = new RegExp("[0-9a-zA-ZА-Я_^.]", 'i'); return !reg.test( value ); } function check_login ( obj ) var value = obj.value; if ( value == '' ) document.getElementById('result-registration').innerHTML = '<div style="color:red">Логин не может быть пустым</div>'; else if ( value.length < 3 ) document.getElementById('result-registration').innerHTML = '<div style="color:red">Указан слишком короткий логин</div>'; else if ( value.length > 15 ) document.getElementById('result-registration').innerHTML = '<div style="color:red">Указан слишком длинный логин</div>'; else if ( check_str( value )) document.getElementById('result-registration').innerHTML = '<div style="color:red">Логин содержит запрещённые символы</div>'; else CheckLogin(); } function check_first ( obj ) var value = obj.value; if ( value.length < 6 ) document.getElementById('result-first').innerHTML = '<div style="color:red">Указан слишком короткий пароль</div>'; else document.getElementById('result-first').innerHTML = '<div style="color:green">Все ок</div>'; } function check_password () var pass1 = document.getElementById('password1').value; var pass2 = document.getElementById('password2').value; if ( pass1 != '' && pass2 != '' ) if ( pass1 != pass2 ) document.getElementById('result-pass').innerHTML = '<div style=\"color:red\">Введённые Вами пароли не совпадают</div><br />'; else document.getElementById('result-pass').innerHTML = '<div style="color:green">Все ок</div>'; } } function check_mail ( obj ) var value = obj.value; var reg = new RegExp("[0-9a-z_]+@[0-9a-z_^.]+\\.[a-z]", 'i'); if ( !reg.test ( value )) document.getElementById('result-mail').innerHTML = '<div style=\"color:red\">Указан неверный адрес электронной почты</div><br>'; else document.getElementById('result-mail').innerHTML = '<div style="color:green">Все ок</div>'; }</script>/code]2. Изменяем сами поля:[code]<tr><td class="label">Логин:</td><td><input type="text" name="name" id="name" class="edit_2" size="40" onblur="check_login(this); return false;"><div id="result-registration"></div></td></tr><tr><td class="label">Пароль:</td><td><input type="password" name="password1" id="password1" class="edit_2" size="40" onblur="check_first( this )"><br><div id="result-first"></div></td></tr><tr><td class="label">Повторите пароль:</td><td><input type="password" name="password2" id="password2" class="edit_2" size="40" onblur="check_password()"><br><div id="result-pass"></div></td></tr><tr><td class="label">Ваш E-Mail:</td><td><input type="text" name="email" class="edit_2" size="60" onblur="check_mail(this)"><br><div id="result-mail"></div></td></tr>[sec_code]<tr><td class="label">Введите защитный код<br>с картинки:</td><td><div>reg_code</div><div><input name="sec_code" style="width: 115px;" class="f_input" type="text"></div></td></tr>
Вот примерно так они должны будут выглядеть.Все просто, но в тоже время очень удобно.
Смотрите также:
