diff --git a/test/validator/onsubmit.htm b/test/validator/onsubmit.htm
new file mode 100644
index 0000000..a026100
--- /dev/null
+++ 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
index bb39c0b..7a7a0a1 100644
--- 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="#">
 
