<commit_before><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
	<meta name="language" content="DE, AT, CH" scheme="DCTERMS.RFC3066" />
	<meta name="creator" content="<NAME>, http://www.felixnagel.com for Namics (Deutschland) GmbH, http://www.namics.com" />
	<title>ui.formValidator - standard demo - jQuery UI - <NAME></title>
	
	<link rel="stylesheet" href="../jquery/themes/base/jquery.ui.all.css">
	<script src="../jquery/jquery-1.4.4.js"></script>
	<script src="../jquery/ui/jquery.ui.core.js"></script>
	<script src="../jquery/ui/jquery.ui.widget.js"></script>
		
	<link href="css/style.css" rel="stylesheet" />
	<!--[if gte IE 6]>	
		<style type="text/css">@import url(css/style_ie.css);</style>
	<![endif]-->		
	
	<script src="js/ui.formValidator.js"></script>
	<script type="text/javascript">	
		$(function() {			
			var formular = $("#form").formValidator({
				forms: {			
					inputtext: {
						rules: {
							regEx: "email",
							required: true
						},
						msg: {	
							regEx: "Please enter a valid email adress.",
							required: "Please enter your email adress."	
						}
					},
					txtarea: {
						rules: {		
							lengthMin: 5,
							lengthMax: 15
						},
						msg: {	
							lengthMin: "Please enter 5 chars minimum in the textarea.",
							lengthMax: "Please enter 15 chars maximum in the textarea."
						}
					},
					password1: {
						rules: {
							lengthMin: 6,
							lengthMax: 15,
							required: true
						},
						msg: {
							required: "Please enter a password.",
							lengthMin: "Your Password must have between 6 and 15 chars.",
							lengthMax: "Your Password must have between 6 and 15 chars."
						}
					},
					password2: {
						rules: {
							equalTo: "<PASSWORD>"
						},
						msg: {
							equalTo: "Your passowrds need to be equal."
						}
					},
					checkboxset: {
						rules: {
							lengthMin: 2,
							lengthMax: 3
						},
						msg: {
							lengthMin: "Please select 2 options minimum within the chexboxes.",
							lengthMax: "Please select 3 options maximum within the chexboxes."
						}
					},
					vote: {
						rules: {
							required: true
						},
						msg: {
							required: "You have to check a radio button."
						}
					},
					selectset: {
						rules: {
							lengthMin: 2,
							lengthMax: 3
						},
						msg: {
							lengthMin: "Please select 2 (or none) options minimum within the select element. You have to press [shift].",
							lengthMax: "Please select 3 options maximum within the select element. You have to press [shift]."
						}
					},
					salutation: {
						rules: {
							required: true
						},
						msg: {
							required: "Please select a salutation."
						}
					},
					mycustom: {
						rules: {
							custom:	function (elementValue) {
									return ((elementValue % 2 ) == 0) ? true : false; 
								}
						},
						msg: {
						   custom: "Please enter a number which can be devided by 2."
						}
					},
					upload: {
						rules: {
							regEx: ".(?:jpg|jpeg|gif|png)"
						},
						msg: {
							regEx: "Please select a picture (jpg, gif, png) as a file upload."
						}
					},					
					confirm: {
						rules: {
							required: true
						},
						msg: {
							required: "Please check your input again."
						}
					},							
					captcha: {
						rules: {
							required: true,
							regEx: "captcha"
						},
						msg: {
							required: "Please enter the captcha code.",
							regEx: "Please reenter the captcha code."
						}
					}
				},
				validateLive: true,
				disabled: false,
				submitHowTo: "iframe",
				submitUrl: "server.php",				
				onInit: function(){ 
					//console.warn("Init abgeschloen");
				},
				onError: function(event, id){ 
					//console.warn("onError was found in element: "+id);	
				},
				onErrors: function(event){ 
					//console.warn("onErrors was found");	
				},
				/*
				// this is a example how to fade the form out after submitting succesfully
				onShowSuccess: function(event, value){ 
						if (value == "true") {
							window.setTimeout(function() {
								formular.fadeOut();
							}, 1000);		
						} else {
							console.warn("Server said: not sended :-(");
						}
				},
				*/
				checkCaptcha: function(event, value){ 
					return (value == "123456") ? true : false;					
				}			
			});	
			
			$("#destroy").click(function (event) { 
				formular.formValidator('destroy');
			});		
			$("#disable").click(function (event) { 
				formular.formValidator('disable');
			});		
			$("#send").click(function (event) { 
				formular.formValidator('formSubmitted');
			});			
			$("#validate").click(function (event) { 
				formular.formValidator('validate', "inputtext");
			});			
			
			
			// add themeswitcher
			$(function(){ 
				var ts = $('<div class="ui-button ui-widget ui-state-default ui-corner-all" style="font-size: 0.6em; padding: 2px 5px; position: absolute; top: 20px; right: 10px;">Click here to add Themeswitcher!</div>')
				.appendTo('body')
				.bind("click", function() {
					ts.text("Loading Themeswitcher...");
					$.getScript('http://ui.jquery.com/applications/themeroller/themeswitchertool/', function() {
						ts.removeClass("ui-button ui-widget ui-state-default ui-corner-all").text("").unbind("click").themeswitcher(); 
					});
				}); 
			});			
		});		
	</script>
</head>
<body>
<h1>jQuery UI - standard demo - ui.formValidator</h1>
<div id="controls">
	<a href="custom-error.html">Custom error demo</a> | <a href="multiple.html">multiple demo</a> | <a href="#" id="destroy">destroy</a> | <a href="#" id="disable">disable</a> | <a href="#" id="send">send</a> | <a href="#" id="validate">validate email</a>
</div>
<div id="wrapper">
	<div id="switcher"></div>
	<br />
	<form id="form" action="ui.formValidator.html" method="post" enctype="multipart/form-data">
		<div class="ui-formular-info info ui-state-highlight ui-corner-all">
			<p>
				<span class="ui-icon ui-icon-info" style="float: left; margin-right: 0.3em;"></span>
				Fields with an asterix (<em>*</em>) are needed.
			</p>
		</div>
		<div class="ui-formular-error"></div>
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Input's</legend>
			
			<label for="inputtext">Text Input (email) <em title="Needed">*</em></label>
			<input type="text" id="inputtext" name="inputtext-name" class="text ui-widget-content ui-corner-all" />
						
			<label for="txtarea">Textarea</label>
			<textarea id="txtarea" name="txtarea" rows="" cols="" class="text ui-widget-content ui-corner-all"></textarea>
						
			<label for="password1">Password <em title="Needed">*</em></label>
			<input name="password1-name" id="password1" type="password" class="text ui-widget-content ui-corner-all" />
			
			<label for="password2">Password repeat</label>
			<input name="password2-name" id="password2" type="password" class="text ui-widget-content ui-corner-all" />	
		</fieldset>	
		<fieldset class="ui-widget-content ui-corner-all fieldset-checkboxset">
			<legend class="ui-widget-header ui-corner-all">Checkboxes</legend>
			<div class="pair">
				<input type="checkbox" id="checkbox_1" name="checkbox-1" class="radio checkboxset" />
				<label class="ui-widget-content ui-corner-all" for="checkbox_1">Option 1</label>			
			</div>	
			<div class="pair">
				<input type="checkbox" id="checkbox_2" name="checkbox-2" class="radio checkboxset" />
				<label class="ui-widget-content ui-corner-all" for="checkbox_2">Option 2</label>				
			</div>
			<div class="pair">
				<input type="checkbox" id="checkbox_3" name="checkbox-3" class="radio checkboxset" />
				<label class="ui-widget-content ui-corner-all" for="checkbox_3">Option 3</label>			
			</div>
			<div class="pair">
				<input type="checkbox" id="checkbox_4" name="checkbox-4" class="radio checkboxset" />
				<label class="ui-widget-content ui-corner-all" for="checkbox_4">Option 4</label>			
			</div>
		</fieldset>	
		
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Radioboxes <em title="Needed">*</em></legend>
			<div class="pair">
				<input type="radio" id="vote_1" value="Option 1" name="vote" class="radio vote"/>
                <label class="ui-widget-content ui-corner-all" for="vote_1">Option 1</label>
			</div>	
			<div class="pair">
				<input type="radio" id="vote_2" name="vote" class="radio vote"/>
                <label class="ui-widget-content ui-corner-all" for="vote_2">Option 2</label>
			</div>	
			<div class="pair">
				<input type="radio" id="vote_3" name="vote" class="radio vote"/>
                <label class="ui-widget-content ui-corner-all" for="vote_3">Option 3</label>	
			</div>			
		</fieldset>	
					
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Custom Validating</legend>
			<label for="mycustom">Custom check field (even number = 0,2,4,6,8,...)</label>
			<input type="text" id="mycustom" name="mycustom" class="text ui-widget-content ui-corner-all" />
		</fieldset>	
					
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Others</legend>

			<label for="selectset">Multiple Selectbox</label>
			<select name="selectset-name" id="selectset" multiple="multiple" size="5" class="text ui-widget-content ui-corner-all">
				<option>Option 1</option>
				<option>Option 2</option>
				<option>Option 3</option>
				<option>Option 4</option>
				<option>Option 5</option>
			</select>		
					
			<label for="salutation">Selectbox<em title="Needed">*</em></label>
			<select name="salutation-name" id="salutation" size="1" class="text ui-widget-content ui-corner-all">
				<option value="default">Please choose...</option>
				<option value="Mr.">Mr.</option>
				<option value="Ms.">Ms.</option>
				<option value="Mrs.">Mrs.</option>
			</select>
			
			<label for="upload">File-Upload</label>
			<input type="file" name="upload-name" id="upload"  class="ui-widget-content" accept="image/jpeg, image/gif, image/png" />
		</fieldset>		
		
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Buttons</legend>
			<div class="pair">
				<input type="checkbox" id="confirm-checkbox" name="confirm-checkbox" class="radio confirm" />
                <label class="ui-widget-content ui-corner-all" for="confirm-checkbox">Please check your input <em title="Needed">*</em></label>	
			</div>	
			
			<label for="captcha">Capctha ( = 123456) <em title="Needed">*</em></label>
			<input type="text" id="captcha" name="captcha" class="text ui-widget-content ui-corner-all" />
			
			<input type="submit" id="submit" value="Send" class="submit ui-state-default ui-corner-all" />
			<input type="reset" value="Reset" class="submit ui-state-default ui-corner-all" />
		</fieldset>		
	</form>
</div>
<div id="copyright"> 
Copyright (c) 2009-2011 <a href="http://www.felixnagel.com"><NAME></a></a>.<br />
<a href="http://github.com/fnagel/jQuery-Accessible-RIA">jQuery Acessible RIA</a> are licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT license</a>.
</div>
</body>
</html>
<commit_msg>fixed: small Formular demo indentation<commit_after><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
	<meta name="language" content="DE, AT, CH" scheme="DCTERMS.RFC3066" />
	<meta name="creator" content="<NAME>, http://www.felixnagel.com for Namics (Deutschland) GmbH, http://www.namics.com" />
	<title>ui.formValidator - standard demo - jQuery UI - Felix Nagel</title>
	
	<link rel="stylesheet" href="../jquery/themes/base/jquery.ui.all.css">
	<script src="../jquery/jquery-1.4.4.js"></script>
	<script src="../jquery/ui/jquery.ui.core.js"></script>
	<script src="../jquery/ui/jquery.ui.widget.js"></script>
		
	<link href="css/style.css" rel="stylesheet" />
	<!--[if gte IE 6]>	
		<style type="text/css">@import url(css/style_ie.css);</style>
	<![endif]-->		
	
	<script src="js/ui.formValidator.js"></script>
	<script type="text/javascript">	
		$(function() {			
			var formular = $("#form").formValidator({
				forms: {			
					inputtext: {
						rules: {
							regEx: "email",
							required: true
						},
						msg: {	
							regEx: "Please enter a valid email adress.",
							required: "Please enter your email adress."	
						}
					},
					txtarea: {
						rules: {		
							lengthMin: 5,
							lengthMax: 15
						},
						msg: {	
							lengthMin: "Please enter 5 chars minimum in the textarea.",
							lengthMax: "Please enter 15 chars maximum in the textarea."
						}
					},
					password1: {
						rules: {
							lengthMin: 6,
							lengthMax: 15,
							required: true
						},
						msg: {
							required: "Please enter a password.",
							lengthMin: "Your Password must have between 6 and 15 chars.",
							lengthMax: "Your Password must have between 6 and 15 chars."
						}
					},
					password2: {
						rules: {
							equalTo: "<PASSWORD>"
						},
						msg: {
							equalTo: "Your passowrds need to be equal."
						}
					},
					checkboxset: {
						rules: {
							lengthMin: 2,
							lengthMax: 3
						},
						msg: {
							lengthMin: "Please select 2 options minimum within the chexboxes.",
							lengthMax: "Please select 3 options maximum within the chexboxes."
						}
					},
					vote: {
						rules: {
							required: true
						},
						msg: {
							required: "You have to check a radio button."
						}
					},
					selectset: {
						rules: {
							lengthMin: 2,
							lengthMax: 3
						},
						msg: {
							lengthMin: "Please select 2 (or none) options minimum within the select element. You have to press [shift].",
							lengthMax: "Please select 3 options maximum within the select element. You have to press [shift]."
						}
					},
					salutation: {
						rules: {
							required: true
						},
						msg: {
							required: "Please select a salutation."
						}
					},
					mycustom: {
						rules: {
							custom:	function (elementValue) {
								return ((elementValue % 2 ) == 0) ? true : false; 
							}
						},
						msg: {
						   custom: "Please enter a number which can be devided by 2."
						}
					},
					upload: {
						rules: {
							regEx: ".(?:jpg|jpeg|gif|png)"
						},
						msg: {
							regEx: "Please select a picture (jpg, gif, png) as a file upload."
						}
					},					
					confirm: {
						rules: {
							required: true
						},
						msg: {
							required: "Please check your input again."
						}
					},							
					captcha: {
						rules: {
							required: true,
							regEx: "captcha"
						},
						msg: {
							required: "Please enter the captcha code.",
							regEx: "Please reenter the captcha code."
						}
					}
				},
				validateLive: true,
				disabled: false,
				submitHowTo: "iframe",
				submitUrl: "server.php",				
				onInit: function(){ 
					//console.warn("Init abgeschloen");
				},
				onError: function(event, id){ 
					//console.warn("onError was found in element: "+id);	
				},
				onErrors: function(event){ 
					//console.warn("onErrors was found");	
				},
				/*
				// this is a example how to fade the form out after submitting succesfully
				onShowSuccess: function(event, value){ 
						if (value == "true") {
							window.setTimeout(function() {
								formular.fadeOut();
							}, 1000);		
						} else {
							console.warn("Server said: not sended :-(");
						}
				},
				*/
				checkCaptcha: function(event, value){ 
					return (value == "123456") ? true : false;					
				}			
			});	
			
			$("#destroy").click(function (event) { 
				formular.formValidator('destroy');
			});		
			$("#disable").click(function (event) { 
				formular.formValidator('disable');
			});		
			$("#send").click(function (event) { 
				formular.formValidator('formSubmitted');
			});			
			$("#validate").click(function (event) { 
				formular.formValidator('validate', "inputtext");
			});			
			
			
			// add themeswitcher
			$(function(){ 
				var ts = $('<div class="ui-button ui-widget ui-state-default ui-corner-all" style="font-size: 0.6em; padding: 2px 5px; position: absolute; top: 20px; right: 10px;">Click here to add Themeswitcher!</div>')
				.appendTo('body')
				.bind("click", function() {
					ts.text("Loading Themeswitcher...");
					$.getScript('http://ui.jquery.com/applications/themeroller/themeswitchertool/', function() {
						ts.removeClass("ui-button ui-widget ui-state-default ui-corner-all").text("").unbind("click").themeswitcher(); 
					});
				}); 
			});			
		});		
	</script>
</head>
<body>
<h1>jQuery UI - standard demo - ui.formValidator</h1>
<div id="controls">
	<a href="custom-error.html">Custom error demo</a> | <a href="multiple.html">multiple demo</a> | <a href="#" id="destroy">destroy</a> | <a href="#" id="disable">disable</a> | <a href="#" id="send">send</a> | <a href="#" id="validate">validate email</a>
</div>
<div id="wrapper">
	<div id="switcher"></div>
	<br />
	<form id="form" action="ui.formValidator.html" method="post" enctype="multipart/form-data">
		<div class="ui-formular-info info ui-state-highlight ui-corner-all">
			<p>
				<span class="ui-icon ui-icon-info" style="float: left; margin-right: 0.3em;"></span>
				Fields with an asterix (<em>*</em>) are needed.
			</p>
		</div>
		<div class="ui-formular-error"></div>
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Input's</legend>
			
			<label for="inputtext">Text Input (email) <em title="Needed">*</em></label>
			<input type="text" id="inputtext" name="inputtext-name" class="text ui-widget-content ui-corner-all" />
						
			<label for="txtarea">Textarea</label>
			<textarea id="txtarea" name="txtarea" rows="" cols="" class="text ui-widget-content ui-corner-all"></textarea>
						
			<label for="<PASSWORD>">Password <em title="Needed">*</em></label>
			<input name="password1-name" id="<PASSWORD>" type="password" class="text ui-widget-content ui-corner-all" />
			
			<label for="<PASSWORD>">Password repeat</label>
			<input name="password2-name" id="password2" type="password" class="text ui-widget-content ui-corner-all" />	
		</fieldset>	
		<fieldset class="ui-widget-content ui-corner-all fieldset-checkboxset">
			<legend class="ui-widget-header ui-corner-all">Checkboxes</legend>
			<div class="pair">
				<input type="checkbox" id="checkbox_1" name="checkbox-1" class="radio checkboxset" />
				<label class="ui-widget-content ui-corner-all" for="checkbox_1">Option 1</label>			
			</div>	
			<div class="pair">
				<input type="checkbox" id="checkbox_2" name="checkbox-2" class="radio checkboxset" />
				<label class="ui-widget-content ui-corner-all" for="checkbox_2">Option 2</label>				
			</div>
			<div class="pair">
				<input type="checkbox" id="checkbox_3" name="checkbox-3" class="radio checkboxset" />
				<label class="ui-widget-content ui-corner-all" for="checkbox_3">Option 3</label>			
			</div>
			<div class="pair">
				<input type="checkbox" id="checkbox_4" name="checkbox-4" class="radio checkboxset" />
				<label class="ui-widget-content ui-corner-all" for="checkbox_4">Option 4</label>			
			</div>
		</fieldset>	
		
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Radioboxes <em title="Needed">*</em></legend>
			<div class="pair">
				<input type="radio" id="vote_1" value="Option 1" name="vote" class="radio vote"/>
                <label class="ui-widget-content ui-corner-all" for="vote_1">Option 1</label>
			</div>	
			<div class="pair">
				<input type="radio" id="vote_2" name="vote" class="radio vote"/>
                <label class="ui-widget-content ui-corner-all" for="vote_2">Option 2</label>
			</div>	
			<div class="pair">
				<input type="radio" id="vote_3" name="vote" class="radio vote"/>
                <label class="ui-widget-content ui-corner-all" for="vote_3">Option 3</label>	
			</div>			
		</fieldset>	
					
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Custom Validating</legend>
			<label for="mycustom">Custom check field (even number = 0,2,4,6,8,...)</label>
			<input type="text" id="mycustom" name="mycustom" class="text ui-widget-content ui-corner-all" />
		</fieldset>	
					
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Others</legend>

			<label for="selectset">Multiple Selectbox</label>
			<select name="selectset-name" id="selectset" multiple="multiple" size="5" class="text ui-widget-content ui-corner-all">
				<option>Option 1</option>
				<option>Option 2</option>
				<option>Option 3</option>
				<option>Option 4</option>
				<option>Option 5</option>
			</select>		
					
			<label for="salutation">Selectbox<em title="Needed">*</em></label>
			<select name="salutation-name" id="salutation" size="1" class="text ui-widget-content ui-corner-all">
				<option value="default">Please choose...</option>
				<option value="Mr.">Mr.</option>
				<option value="Ms.">Ms.</option>
				<option value="Mrs.">Mrs.</option>
			</select>
			
			<label for="upload">File-Upload</label>
			<input type="file" name="upload-name" id="upload"  class="ui-widget-content" accept="image/jpeg, image/gif, image/png" />
		</fieldset>		
		
		<fieldset class="ui-widget-content ui-corner-all">
			<legend class="ui-widget-header ui-corner-all">Buttons</legend>
			<div class="pair">
				<input type="checkbox" id="confirm-checkbox" name="confirm-checkbox" class="radio confirm" />
                <label class="ui-widget-content ui-corner-all" for="confirm-checkbox">Please check your input <em title="Needed">*</em></label>	
			</div>	
			
			<label for="captcha">Capctha ( = 123456) <em title="Needed">*</em></label>
			<input type="text" id="captcha" name="captcha" class="text ui-widget-content ui-corner-all" />
			
			<input type="submit" id="submit" value="Send" class="submit ui-state-default ui-corner-all" />
			<input type="reset" value="Reset" class="submit ui-state-default ui-corner-all" />
		</fieldset>		
	</form>
</div>
<div id="copyright"> 
Copyright (c) 2009-2011 <a href="http://www.felixnagel.com"><NAME></a></a>.<br />
<a href="http://github.com/fnagel/jQuery-Accessible-RIA">jQuery Acessible RIA</a> are licensed under the <a href="http://www.opensource.org/licenses/mit-license.php">MIT license</a>.
</div>
</body>
</html>

{'fraction_non_alphanumeric': 0.1737438528971563, 'fraction_numerical': 0.011332050459696387, 'mean_word_length': 2.6370139968895803, 'pattern_counts': {'":': 0, '<': 411, '<?xml version=': 0, '>': 411, 'https://': 0, 'lorem ipsum': 0, 'www.': 12, 'xml': 4}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6094570', 'n_tokens_mistral': 10112, 'n_tokens_neox': 7560, 'n_words': 1625}