reset function for validator. required attribute for date- and rangeinputs

Author: tipiirai

src/dateinput/dateinput.js

@@ -199,7 +199,7 @@
 		// Replace built-in date input: NOTE: input.attr("type", "text") throws exception by the browser
 		if (input.attr("type") == 'date') {
 			var tmp = $("<input/>");
-			$.each("name,readonly,disabled,value".split(","), function(i, attr)  {
+			$.each("name,readonly,disabled,value,required".split(","), function(i, attr)  {
 				tmp.attr(attr, input.attr(attr));		
 			});			
 			input.replaceWith(tmp);

src/rangeinput/rangeinput.js

@@ -177,7 +177,7 @@
 		// Replace built-in range input (type attribute cannot be changed)
 		if (input.attr("type") == 'range') {
 			var tmp = $("<input/>");
-			$.each("name,readonly,disabled".split(","), function(i, attr)  {
+			$.each("name,readonly,disabled,required".split(","), function(i, attr)  {
 				tmp.attr(attr, input.attr(attr));		
 			});
 			tmp.val(conf.value);

src/scrollable/scrollable.js

@@ -151,8 +151,6 @@
 					item = self.getItems().eq(i);
 				}  
 
-				
-				
 				// onBeforeSeek
 				var e = $.Event("onBeforeSeek"); 
 				if (!fn) {
@@ -164,10 +162,7 @@
 
 				index = i;
 				current = self;  
-				if (time === undefined) { time = conf.speed; }
-				
-				
-				
+				if (time === undefined) { time = conf.speed; }   
 
 				itemWrap.animate(props, time, conf.easing, fn || function() { 
 					fire.trigger("onSeek", [i]);		
@@ -202,6 +197,7 @@
 
 			self.onBeforeSeek(function(e, i, time) {
 
+				
 				if (e.isDefaultPrevented()) { return; }
 
 				/*

src/validator/validator.js

@@ -331,6 +331,17 @@
 				return self;
 			},
 
+			reset: function(els) {
+				els = els || inputs;
+				els.removeClass(conf.errorClass).each(function()  {
+					var msg = $(this).data("msg.el");
+					if (msg) {
+						msg.remove();
+						$(this).data("msg.el", null);
+					}
+				});				
+			},
+			
 //{{{  checkValidity() - flesh and bone of this tool
 
 			/* @returns boolean */
@@ -462,9 +473,8 @@
 		}
 
 		// form reset
-		form.bind("reset", function() {
-			$("." + conf.messageClass).remove();
-			inputs.removeClass(conf.errorClass).data("msg.el", null);
+		form.bind("reset", function()  {
+			self.reset();			
 		});
 
 		// disable browser's default validation mechanism

test/scrollable/index.html

@@ -1,44 +1,25 @@
 
-<script src="../jquery-1.3.2.js"></script>
+<script src="../js/jquery-1.3.2.js"></script>
 <script src="../../src/scrollable/scrollable.js"></script>
-<script src="../../src/scrollable/scrollable.circular.js"></script>
 <script src="../../src/scrollable/scrollable.navigator.js"></script>
 <script src="../../src/scrollable/scrollable.autoscroll.js"></script>
-
 <script src="../../src/toolbox/toolbox.history.js"></script>
-<script src="../../src/toolbox/toolbox.mousewheel.js"></script>
 
 <link rel="stylesheet" type="text/css" href="style.css"/>
 
 <style>
 div.cloned {
 	background-color:#ffc !important;
 }
-
-div.active {
-	background-color:#66d !important;
-}
-
 .disabled {
 	visibility:hidden;		
 }
 </style>
 
 <script>
 $(function() {
-	window.api = $("div.scrollable").scrollable({
-		mousewheel: true
-		
-	}).navigator({idPrefix: 'a', history: true}).bind("onSeek", function() {
-		console.info("BIND", this, arguments);	
-		
-	}).data("scrollable"); 
-	
-	
-	api.onBeforeSeek(function (e, i) { 
-		console.info("API", this, arguments); 
-	});  
-	
+	window.api = $(".scrollable").scrollable({ mousewheel: true})
+		.navigator({idPrefix: 'a', history: true}).data("scrollable");  
 });
 </script>
 
@@ -47,7 +28,6 @@
 
 
 <a class="prev">prev</a> 
-<a class="prevPage">prevPage</a>
 
 <div class="scrollable">
 
@@ -60,7 +40,6 @@
 </div>
 
 <a class="next">next</a>
-<a class="nextPage">nextPage</a>
 
 <br clear="all" />