added an test page for custom onsubmit event handler

vitch · Sep 17, 2010 · 05284ff · 05284ff
1 parent 0787db6
commit 05284ff
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 19 deletions.
diff --git a/test/validator/onsubmit.htm b/test/validator/onsubmit.htm
@@ -0,0 +1,26 @@
+
+<!DOCTYPE html>        
+<script src="../js/jquery-1.4.2.min.js"></script>
+<script src="../../src/validator/validator.js"></script>
+
+<form action="#" style="margin:100px">
+
+	<label>
+		requred text 
+		<input type="text" required="required" />
+	</label>
+
+	<button>Submit</button>
+
+</form>
+
+<script>
+$("form").validator({ position: 'top center'}).submit(function(e) {
+
+	// flag to see whether validation failed
+	var failed = $(":input", this).hasClass("invalid");
+
+	// do not perform submit
+	e.preventDefault();
+}); 
+</script>
diff --git a/test/validator/validator.htm b/test/validator/validator.htm
@@ -21,26 +21,7 @@
 	padding:0 5px;
 }
 </style>
-
-<!--
-input attributes in HTML5
-	# min
-	# max
-	# pattern
-	# required 
-	# maxlength (no need to)			
-	# disabled
-	# readonly    
-	# oninvalid
-	- replace  (next version perhaps)
 
-	type
-		# number (good with max / maxlenght)
-		# email 
-		# url 
-		# range (range)
-		# date, datetime, month, time, week (dateinput)		
--->			
 
 <form action="#">