Skip to content

Instantly share code, notes, and snippets.

@ranraj

ranraj/index.html

Created October 20, 2014 12:25
Show Gist options
  • Save ranraj/873c84c9a3366f8abfe1 to your computer and use it in GitHub Desktop.
Save ranraj/873c84c9a3366f8abfe1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script src="http://cdn.alloyui.com/1.0.3/aui/aui.js"></script>
<link
href="http://cdn.alloyui.com/1.0.3/aui-skin-classic/css/aui-skin-classic-all-min.css"
rel="stylesheet">
</head>
<body>
<form id="myForm">
<div class="control-group">
<label class="control-label" for="name">Name:</label>
<div class="controls">
<input name="name" id="name" type="text">
</div>
</div>
<div class="control-group">
<label class="control-label" for="name">Select:</label>
<div class="controls">
<select name="selectOption">
<option value=""></option>
<option value="1">Option1</option>
<option value="2">Option2</option>
</select>
</div>
</div>
<div class="control-group">
<div class="controls">
<input type="submit" value="save" />
</div>
</div>
</form>
<script id="jsbin-javascript">
AUI().use(
'aui-form-validator',
function(A) {
new A.FormValidator(
{
boundingBox: '#myForm',
rules: {
name: {
required: true
},
selectOption: {
required: true
}
}
});
}
);
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script src="http://cdn.alloyui.com/1.0.3/aui/aui.js"><\/script>
<link
href="http://cdn.alloyui.com/1.0.3/aui-skin-classic/css/aui-skin-classic-all-min.css"
rel="stylesheet">
</head>
<body>
<form id="myForm">
<div class="control-group">
<label class="control-label" for="name">Name:</label>
<div class="controls">
<input name="name" id="name" type="text">
</div>
</div>
<div class="control-group">
<label class="control-label" for="name">Select:</label>
<div class="controls">
<select name="selectOption">
<option value=""></option>
<option value="1">Option1</option>
<option value="2">Option2</option>
</select>
</div>
</div>
<div class="control-group">
<div class="controls">
<input type="submit" value="save" />
</div>
</div>
</form>
</body>
</html>
</script>
<script id="jsbin-source-javascript" type="text/javascript"> AUI().use(
'aui-form-validator',
function(A) {
new A.FormValidator(
{
boundingBox: '#myForm',
rules: {
name: {
required: true
},
selectOption: {
required: true
}
}
});
}
);</script></body>
</html>
Raw
jsbin.newex.js
AUI().use(
'aui-form-validator',
function(A) {
new A.FormValidator(
{
boundingBox: '#myForm',
rules: {
name: {
required: true
},
selectOption: {
required: true
}
}
});
}
);
@ranraj
Copy link
Author

ranraj commented Oct 20, 2014

AUI form validation for Text and select.
Note : the select option value should be empty as default.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment