Skip to content

Commit d04bcc4

Browse files
author
Cedric Dugas
committed
modified flder structure, added php demos
1 parent ef68acb commit d04bcc4

36 files changed

+331
-67
lines changed

‎demos/demoAjaxInlinePHP.html

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
<html>
3+
<head>
4+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
5+
<title>JQuery Validation Engine</title>
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
9+
</script>
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
11+
</script>
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
13+
</script>
14+
<script>
15+
16+
// This method is called right before the ajax form validation request
17+
// it is typically used to setup some visuals ("Please wait...");
18+
// you may return a false to stop the request
19+
function beforeCall(form, options){
20+
if (console)
21+
console.log("Right before the AJAX form validation call");
22+
return true;
23+
}
24+
25+
// Called once the server replies to the ajax form validation request
26+
function ajaxValidationCallback(status, form, json, options){
27+
if (console)
28+
console.log(status);
29+
30+
if (status === true) {
31+
alert("the form is valid!");
32+
// uncomment these lines to submit the form to form.action
33+
// form.validationEngine('detach');
34+
// form.submit();
35+
// or you may use AJAX again to submit the data
36+
}
37+
}
38+
39+
jQuery(document).ready(function(){
40+
jQuery("#formID").validationEngine();
41+
});
42+
</script>
43+
</head>
44+
<body>
45+
<p>
46+
<a href="#" onclick="alert(jQuery('#formID').validationEngine({evaluate:true}))">Return true or false without binding anything</a>
47+
| <a href="#" onclick="jQuery.validationEngine.buildPrompt('#formID','This is an example','error')">Build a prompt on a div</a>
48+
| <a href="#" onclick="jQuery.validationEngine.loadValidation('#date')">Load validation date</a>
49+
| <a href="#" onclick="jQuery.validationEngine.closePrompt('.formError',true)">Close all prompt</a>
50+
</p>
51+
<p style="color:red; text-align:center">Please run this demo from a WebServer, it will fail otherwise.
52+
</p>
53+
<p>
54+
This demonstrations shows the use of Ajax <b>form</b>
55+
and <b>field</b>
56+
validations.
57+
<br/>
58+
The form validation implements callback hooks, so please check the javascript console
59+
</p>
60+
<form id="formID" class="formular" method="post" action="" style="width:600px">
61+
<fieldset>
62+
<legend>
63+
Ajax validation
64+
</legend>
65+
<label>
66+
<span>Desired username (ajax validation, only <b>karnius</b> is available) : </span>
67+
<input value="" class="validate[required,custom[onlyLetterNumber],maxSize[20],ajax[ajaxUserCallPhp]] text-input" type="text" name="user" id="user" />
68+
<p>
69+
validate[required,custom[noSpecialCaracters],maxSize[20],ajax[ajaxUserCall]]
70+
</p>
71+
</label>
72+
<label>
73+
<span>First name (ajax validation, only <b>duncan</b> is available): </span>
74+
<input value="olivier" class="validate[custom[onlyLetterSp],maxSize[100],ajax[ajaxNameCallPhp]] text-input" type="text" name="firstname" id="firstname" />
75+
<p>
76+
validate[custom[onlyLetterSp],length[0,100],ajax[ajaxNameCall]]
77+
</p>
78+
</label>
79+
<label>
80+
<span>Email address : </span>
81+
<input value="someone1@here.com" class="validate[required,custom[email]] text-input" type="text" name="email" id="email" />
82+
<p>
83+
validate[required,custom[email]]
84+
</p>
85+
</label>
86+
</fieldset>
87+
<input class="submit" type="submit" value="Validate & Send the form!"/><hr/>
88+
</form>
89+
</body>
90+
</html>

‎demoAjax.html renamed to ‎demos/demoAjaxJAVA.html

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,13 @@
33
<head>
44
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
55
<title>JQuery Validation Engine</title>
6-
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
7-
<link rel="stylesheet" href="css/template.css" type="text/css"/>
8-
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
99
</script>
10-
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
11-
</script>
12-
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
1311
</script>
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
1413
<script>
1514

1615
// This method is called right before the ajax form validation request

‎demos/demoAjaxSubmitPHP.html

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
<html>
3+
<head>
4+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
5+
<title>JQuery Validation Engine</title>
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
9+
</script>
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
11+
</script>
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
13+
</script>
14+
<script>
15+
16+
// This method is called right before the ajax form validation request
17+
// it is typically used to setup some visuals ("Please wait...");
18+
// you may return a false to stop the request
19+
function beforeCall(form, options){
20+
if (console)
21+
console.log("Right before the AJAX form validation call");
22+
return true;
23+
}
24+
25+
// Called once the server replies to the ajax form validation request
26+
function ajaxValidationCallback(status, form, json, options){
27+
if (console)
28+
console.log(status);
29+
30+
if (status === true) {
31+
alert("the form is valid!");
32+
// uncomment these lines to submit the form to form.action
33+
// form.validationEngine('detach');
34+
// form.submit();
35+
// or you may use AJAX again to submit the data
36+
}
37+
}
38+
39+
jQuery(document).ready(function(){
40+
jQuery("#formID").validationEngine({
41+
ajaxFormValidation: true,
42+
onAjaxFormComplete: ajaxValidationCallback,
43+
onBeforeAjaxFormValidation: beforeCall
44+
});
45+
});
46+
</script>
47+
</head>
48+
<body>
49+
<p>
50+
<a href="#" onclick="alert(jQuery('#formID').validationEngine({evaluate:true}))">Return true or false without binding anything</a>
51+
| <a href="#" onclick="jQuery.validationEngine.buildPrompt('#formID','This is an example','error')">Build a prompt on a div</a>
52+
| <a href="#" onclick="jQuery.validationEngine.loadValidation('#date')">Load validation date</a>
53+
| <a href="#" onclick="jQuery.validationEngine.closePrompt('.formError',true)">Close all prompt</a>
54+
</p>
55+
<p style="color:red; text-align:center">Please run this demo from a WebServer, it will fail otherwise.
56+
</p>
57+
<p>
58+
This demonstrations shows the use of Ajax <b>form</b>
59+
and <b>field</b>
60+
validations.
61+
<br/>
62+
The form validation implements callback hooks, so please check the javascript console
63+
</p>
64+
<form id="formID" class="formular" method="post" action="phpajax/ajaxSubmitForm.php" style="width:600px">
65+
<fieldset>
66+
<legend>
67+
Ajax validation
68+
</legend>
69+
<label>
70+
<span>Desired username (ajax validation, only <b>karnius</b> is available) : </span>
71+
<input value="" class="validate[required,custom[onlyLetterNumber],maxSize[20]] text-input" type="text" name="user" id="user" />
72+
<p>
73+
validate[required,custom[noSpecialCaracters],maxSize[20],ajax[ajaxUserCall]]
74+
</p>
75+
</label>
76+
<label>
77+
<span>First name (ajax validation, only <b>duncan</b> is available): </span>
78+
<input value="olivier" class="validate[custom[onlyLetterSp],maxSize[100]] text-input" type="text" name="firstname" id="firstname" />
79+
<p>
80+
validate[custom[onlyLetterSp],length[0,100],ajax[ajaxNameCall]]
81+
</p>
82+
</label>
83+
<label>
84+
<span>Email address : </span>
85+
<input value="someone1@here.com" class="validate[required,custom[email]] text-input" type="text" name="email" id="email" />
86+
<p>
87+
validate[required,custom[email]]
88+
</p>
89+
</label>
90+
</fieldset>
91+
<input class="submit" type="submit" value="Validate & Send the form!"/><hr/>
92+
</form>
93+
</body>
94+
</html>

‎demoCheckBox.html renamed to ‎demos/demoCheckBox.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
<head>
44
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
55
<title>JQuery Validation Engine</title>
6-
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
7-
<link rel="stylesheet" href="css/template.css" type="text/css"/>
8-
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
99
</script>
10-
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
1111
</script>
12-
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
1313
</script>
1414
<script>
1515
jQuery(document).ready(function(){

‎demoFieldTypes.html renamed to ‎demos/demoFieldTypes.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
<head>
44
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
55
<title>JQuery Validation Engine</title>
6-
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
7-
<link rel="stylesheet" href="css/template.css" type="text/css"/>
8-
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
99
</script>
10-
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
1111
</script>
12-
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
1313
</script>
1414
<script>
1515
jQuery(document).ready( function() {

‎demoLiveEvent.html renamed to ‎demos/demoLiveEvent.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
<head>
44
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
55
<title>JQuery Validation Engine</title>
6-
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
7-
<link rel="stylesheet" href="css/template.css" type="text/css"/>
8-
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
99
</script>
10-
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
1111
</script>
12-
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
1313
</script>
1414
<script>
1515
jQuery(document).ready(function(){

‎demoMultipleForms.html renamed to ‎demos/demoMultipleForms.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
<head>
44
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
55
<title>JQuery Validation Engine</title>
6-
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css">
7-
<link rel="stylesheet" href="css/template.css" type="text/css">
8-
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css">
7+
<link rel="stylesheet" href="../css/template.css" type="text/css">
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
99
</script>
10-
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
1111
</script>
12-
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
1313
</script>
1414
<script>
1515

‎demoOverflown.html renamed to ‎demos/demoOverflown.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@
33
<head>
44
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
55
<title>JQuery Validation Engine</title>
6-
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
7-
<link rel="stylesheet" href="css/template.css" type="text/css"/>
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
88
<style>
99
.inputContainer{position:relative; float:left;}
1010
</style>
11-
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
11+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
1212
</script>
13-
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
13+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
1414
</script>
15-
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
15+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
1616
</script>
1717
<script>
1818
jQuery(document).ready(function(){

‎demoRegExp.html renamed to ‎demos/demoRegExp.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
<head>
44
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
55
<title>JQuery Validation Engine</title>
6-
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
7-
<link rel="stylesheet" href="css/template.css" type="text/css"/>
8-
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
99
</script>
10-
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
1111
</script>
12-
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
1313
</script>
1414
<script>
1515
jQuery(document).ready(function(){

‎demoShowPrompt.html renamed to ‎demos/demoShowPrompt.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
<head>
44
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
55
<title>JQuery Validation Engine</title>
6-
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
7-
<link rel="stylesheet" href="css/template.css" type="text/css"/>
8-
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
99
</script>
10-
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
1111
</script>
12-
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
1313
</script>
1414
<script>
1515
jQuery(document).ready(function(){

‎demoValidationComplete.html renamed to ‎demos/demoValidationComplete.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
<head>
44
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
55
<title>JQuery Validation Engine</title>
6-
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
7-
<link rel="stylesheet" href="css/template.css" type="text/css"/>
8-
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
6+
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
7+
<link rel="stylesheet" href="../css/template.css" type="text/css"/>
8+
<script src="../js/jquery-1.4.4.min.js" type="text/javascript">
99
</script>
10-
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
10+
<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
1111
</script>
12-
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
12+
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
1313
</script>
1414
<script>
1515
jQuery(document).ready(function(){

0 commit comments

Comments
 (0)