Blame view

frontend/web/js/validation/demo/requirejs/index.html 1.55 KB
18b850c7   Administrator   Importers CRUD
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
  <!DOCTYPE html>
  <html lang="en">
  	<head>
  		<meta charset="utf-8">
  		<title>jQuery validation plug-in - requirejs demo</title>
  
  		<link rel="stylesheet" href="../css/screen.css">
  
  		<style type="text/css">
  			#commentForm { width: 500px; }
  			#commentForm label { width: 250px; }
  			#commentForm label.error, #commentForm input.submit { margin-left: 253px; }
  		</style>
  </head>
  <body>
  
  	<h1 id="banner"><a href="http://jqueryvalidation.org/">jQuery Validation Plugin</a> Demo</h1>
  	<div id="main">
  
  		<p>Default submitHandler is set to display an alert into of submitting the form</p>
  		<form class="cmxform" id="commentForm" method="get" action="">
  			<fieldset>
  				<legend>Please provide your name, email address (won't be published) and a comment</legend>
  				<p>
  					<label for="cname">Name (required, at least 2 characters)</label>
  					<input id="cname" name="name" minlength="2" type="text" required>
  				</p>
  				<p>
  					<label for="cemail">E-Mail (required)</label>
  					<input id="cemail" type="email" name="email" required>
  				</p>
  				<p>
  					<label for="curl">URL (optional)</label>
  					<input id="curl" type="url" name="url">
  				</p>
  				<p>
  					<label for="ccomment">Your comment (required)</label>
  					<textarea id="ccomment" name="comment" required></textarea>
  				</p>
  				<p>
  					<input class="submit" type="submit" value="Submit">
  				</p>
  			</fieldset>
  		</form>
  
  		<script>
  		var require = {
  			paths: {
  				"jquery": "../../lib/jquery-1.11.1"
  			}
  		};
  		</script>
  		<script src="../../lib/require.js" data-main="app.js"></script>
  	</div>
  </body>
  </html>