Skip to content

Instantly share code, notes, and snippets.

@tilast

tilast/gist:ba9b72c638e873deb613

Created November 20, 2014 23:44
Show Gist options
  • Save tilast/ba9b72c638e873deb613 to your computer and use it in GitHub Desktop.
Save tilast/ba9b72c638e873deb613 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!doctype html>
<html>
<head>
<title>Приклад валідації форми за допомогою JavaScript</title>
<meta charset="UTF-8">
<!-- <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css"> -->
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>+
<header>
<span class="logo">Реєстрація домену <b>iasa.uni</b></span>
</header>
<div id="main">
<div class="description">
Для реєстрація домену потрібно увійти у систему
</div>
<div class="js-select-user-type">
<label>
<span class="user-type js-user-type-text-signup">Новий користувач</span>
<input type="radio" name="user-type" class="js-user-type" value="0">
</label>
<label>
<span class="user-type js-user-type-text-signin selected">Зареєстрований користувач</span>
<input type="radio" name="user-type" class="js-user-type" value="1" checked>
</label>
</div>
<div class="signup js-signup hidden">
<form class="js-signup-form">
<div class="fullname-block">
<label>
<p>
<span>Повне ім'я: </span>
</p>
<p>
<input type="text" name="fullname" class="js-fullname" placeholder="Шевченко Тарас Григорович" data-validation='["required","length(4:40)"]'>
</p>
</label>
</div>
<div class="email-block">
<label>
<p>
<span>Email: </span>
</p>
<p>
<input type="text" name="email" class="js-email" placeholder="user@domain.com" data-validation='["required","email"]'>
</p>
</label>
</div>
<div class="phone-block">
<label>
<p>
<span>Номер телефону: </span>
</p>
<p>
<input type="text" name="phone" class="js-phone" placeholder="+380967770519" data-validation='["required","phone"]'>
</p>
</label>
</div>
<div class="address-block">
<label>
<p>
<span>Адреса: </span>
</p>
<p>
<textarea name="address" class="js-address" data-validation='["required"]'></textarea>
</p>
</label>
</div>
<div class="submit-block">
<label>
<p>
<input type="submit" value="Зареєструватись">
</p>
</label>
</div>
</form>
</div>
<div class="signin js-signin">
<form class="js-signin-form">
<div class="fullname-block">
<label>
<p>
<span>Email</span>
</p>
<p>
<input type="text" name="email" placeholder="user@domain.com" data-validation='["required","email"]'>
</p>
</label>
</div>
<div class="submit-block">
<label>
<p>
<input type="submit" value="Увійти">
</p>
</label>
</div>
</form>
</div>
</div>
<footer>
&copy; Ігор Круш, 2014
</footer>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment