Мой Kbyte.Ru
Рассылка Kbyte.Ru
Группы на Kbyte.Ru
Партнеры Kbyte.Ru
Реклама
Сделано руками
Сделано руками
> Исходные коды - Артем Федоров -

JavaScript - Общие вопросы

Все примеры / Общие вопросы

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

Автор: Артем Федоров | добавлено: 08.11.2011, 21:36 | просмотров: 2703 (1+) | комментариев: 0 | рейтинг: *x7
Простейший пример проверки данных на подлинность при регистрации: пароль, имя и email.

Инструкции

для работы требуется библиотека jQuery
reg.php- серверный скрипт который регистрирует пользователя
function Send() - функция которая выполняет запрос к скрипту в случае корректности введенных данных
reg_complete(result) - функция которая принимает ответ от скрипта
<div id="result"></ div> - область для вывода результата
<div id="error"></d iv> - область для вывода ошибок

Код

<html>
<head>
<title>Регистрация</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf8" />
<script src="/jquery-1.6.4.min.js" language="javascript" type ="text/javascript" ></script>
<script language="JavaScript">
function valid(obj) {
 var mail=obj.mail.value;
 var par=obj.pass.value;
 var name=obj.name.value;
 var mail_pattern=/[0-9a-z_]+@[0-9a-z_]+\.[a-z]{2,5}/i;
 var par_pattern=/[0-9a-z]+/i;
 var name_pattern=/[0-9a-z]+/i;
 var provmail=mail_pattern.test(mail);
 var provpass=par_pattern.test(par);
 var provname=name_pattern.test(name);
 if (provmail==true && provpass==true && provname==true) {
document.getElementById("error").innerHTML="";
    Send();
 }
 else {
document.getElementById("error").innerHTML="";
document.getElementById("error").innerHTML+="Следующие введенные данные некорректны:<br>";

  if (provmail!=true){
document.getElementById("error").innerHTML+="<li>Некорректный Email!";}
  if (provpass!=true){
document.getElementById("error").innerHTML+="<li>Некорректный пароль!";}
  if (provname!=true){
document.getElementById("error").innerHTML+="<li>Некорректное имя! Допустимы только английские символы и цифры";}


}
}
 

function Send()
{

 // просим подождать
 $("#result").html("Пожалуйста, подождите..");
 $.post("reg.php",{"act":$("#act").val(),"name":$("#name").val(),"pass":$("#pass").val(),"mail":$("#mail").val()},reg_complete);

}

function reg_complete(result)
{
 
 $("#result").html(result);
 
}
 </script>
</head>
<body>

<h1>Регистрация </h1>
<form method="post" action="" name="regform">
  <table>
  <tr><td>Имя(ник)<span style="color:red"><sup>*</sup></span></td>
  <td><input type="text" id="name" value=""></td></tr>

  <tr><td>E-Mail(в случае если Вы забудете пароль,Вы сможете восстановить его)<span style="color:red"><sup>*</sup></span></td>
  <td><input type="text" id="mail" value=""></td></tr>

  <tr><td>Пароль<span style="color:red"><sup>*</sup></span></td>
  <td><input type="password" id="pass" value=""><input type="hidden" id="act" value="reg"></td></tr>

  <tr><td colspan="2"> <input type="button" value="Зарегистрировать" onclick="valid(regform);"></td></tr>
  </table>
 </form>
<div id="result"></div>
<div id="error"></div>
</body>
</html>

Как это работает?

Использованы jQuery, JavaScript и регулярные выражения.
Об авторе

Артем Федоров

vk.com/temamagic
t.me/temamagic

См. также:
Профиль автора
Артем Федоров
Последние комментарии (всего: 0)

Добавлять комментарии могут только зарегистрированные пользователи сайта.
Если у Вас уже есть учетная запись на Kbyte.Ru, пройдите процедуру авторизации OpenID.
Если Вы еще не зарегистрированы на Kbyte.Ru - зарегистрируйтесь.


Нет комментариев...

Авторизация
 
OpenID
Зарегистрируйся и получи 10% скидку на добавление своего сайта в каталоги! Подробнее »
Поиск по сайту
Реклама
Счетчики