forked from guillaumepotier/Parsley.js
/
index.html
186 lines (165 loc) · 7.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Parsley, the ultimate frontend javascript form validation library">
<meta name="author" content="Guillaume Potier">
<title>Parsley - The ultimate JavaScript form validation library</title>
<!-- Bootstrap core CSS -->
<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="doc/assets/docs.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<style>
.jumbotron h1 strong {
color: #FF851B;
}
.jumbotron h1 em {
font-style: normal;
font-weight: bolder;
}
.jumbotron p em {
font-weight: bolder;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 10px;
}
.btn-go, .btn-go:hover {
color: white;
font-weight: bold;
text-shadow: #2ECC00 1px 2px 2px;
background: #2ECC40;
}
.btn-go:hover {
background: #FF851B;
text-shadow: #FF851B 1px 2px 2px;
}
/* Link styles (used on .masthead-links as well) */
.jumbotron a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.row h2 {
color: #FF851B;
}
.row p {
text-align: justify;
}
.argument {
min-height: 90px;
}
.argument.shorter {
min-height: 70px;
}
.version {
font-size: 0.6em;
color: #949494;
}
#parsley2 {
color: white;
font-weight: bolder;
background: orange;
position:fixed;
top:0;
width: 100%;
padding: 10px;
}
#parsley2 a {
color: white !important;
text-decoration: underline;
}
.container-narrow {
margin-top: 100px;
}
</style>
</head>
<body>
<div class="container">
<div class="masthead">
<div class="header">
<h3 class="text-muted"><a href="#">Parsley</a></h3>
<span class="social-buttons inline-block">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://parsleyjs.org" data-text="Parsley, the ultimate JavaScript form validation library. #parsleyjs" data-via="guillaumepotier" data-related="guillaumepotier" data-hashtags="parsleyjs">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<iframe src="http://ghbtns.com/github-btn.html?user=guillaumepotier&repo=Parsley.js&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=guillaumepotier&repo=Parsley.js&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</span>
</div>
<ul class="nav nav-justified">
<li class="active"><a href="#">Home</a></li>
<li><a href="doc/examples.html">Examples</a></li>
<li><a href="doc/index.html">Documentation</a></li>
<li><a href="doc/download.html">Download</a></li>
<li><a href="doc/help.html">Help</a></li>
<li><a href="doc/annotated-source/parsley.html">Annotated source</a></li>
<li><a href="doc/tests.html">Tests</a></li>
</ul>
</div>
<!-- Jumbotron -->
<div class="jumbotron">
<h1><em>Parsley</em>, the <strong>ultimate</strong> JavaScript <strong>form validation</strong> library</h1>
<p class="lead">Validating forms frontend have never been so <em>powerful</em> and <em>easy</em>.</p>
<p><a class="btn btn-lg btn-go" href="doc/index.html" role="button">Get started today</a></p>
<p class="version"><i class="icon glyphicon glyphicon-tag"></i> v2.0.5</p>
</div>
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-4">
<h2>Intuitive DOM API</h2>
<p class="argument">Like no other form validation library, simply <strong>write in English your requirements inside your form HTML tags</strong>, Parsley will do the rest! <strong>No need to write even a single JavaScript line for simple form validation.</strong></p>
<p><a href="doc/examples.html">View example »</a></p>
</div>
<div class="col-lg-4">
<h2>Dynamic form validation</h2>
<p class="argument">Parsley is now smarter, <strong>it automatically detects your forms' modifications</strong> and adapts its validation accordingly. Simply add, remove or edit fields, Parsley validation will follow!</p>
<p><a href="doc/examples.html">View example »</a></p>
</div>
<div class="col-lg-4">
<h2>Tons of built-in validators</h2>
<p class="argument">Parsley is <strong>shipped with more than a dozen useful validators</strong>. If not enough, use the <strong>awesome Parsley extra Ajax validator</strong> or tons of other extended validators provided by the community. </p>
<p><a href="doc/index.html#validators">View details »</a></p>
</div>
</div>
<!-- Example row of columns -->
<div class="row">
<div class="col-lg-4">
<h2>UX focused</h2>
<p class="argument shorter">Parsley strongly focuses on <abbr title="user interface">#UI</abbr> and <abbr title="user experience">#UX</abbr>.<strong> Override almost every Parsley default behavior</strong> to fit your <strong>exact needs</strong>.</p>
<p><a href="doc/index.html#ui">View documentation »</a></p>
</div>
<div class="col-lg-4">
<h2>Super reliable</h2>
<p class="argument shorter">Still <em>shipped almost bug free</em>. Parsley is <strong>strongly tested</strong>, and <strong>aimed to work on every browser since IE7.</strong></p>
<p><a href="doc/tests.html">View tests »</a></p>
</div>
<div class="col-lg-4">
<h2>Free</h2>
<p class="argument shorter">Parsley is <strong>Open Source, MIT licensed</strong>, and developed to help everyone. It will <strong>stay that way.</strong> <a href="https://github.com/guillaumepotier/Parsley.js">Join us on Github!</a></p>
<p><a href="#">View license »</a></p>
</div>
</div>
<!-- Site footer -->
<div class="footer">
<p>© <a href="https://twitter.com/guillaumepotier" title="Guillaume Potier on Twitter">Guillaume Potier</a> 2014 - <a href="http://wisembly.com">@Wisembly</a></p>
</div>
</div> <!-- /container -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37229467-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>