Merge pull request #811 from turuflowers/master

posabsolute · posabsolute · commit 5d71ab107323 · 2014-08-09T13:51:04.000-04:00
notEmpty, validate the input fields on blur only if the field it's not e...
diff --git a/demos/demoNotEmpty.html b/demos/demoNotEmpty.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+	<title>JQuery Validation Engine</title>
+	<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
+	<link rel="stylesheet" href="../css/template.css" type="text/css"/>
+	<script src="../js/jquery-1.8.2.min.js" type="text/javascript">
+	</script>
+	<script src="../js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
+	</script>
+	<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
+	</script>
+	<script>
+		jQuery(document).ready(function(){
+			jQuery("#formID2").validationEngine({
+                notEmpty: true
+            })
+		});
+	</script>
+</head>
+<body>
+    
+	<p>onValidationComplete stop the submit and let you handle the form after the validation</p>
+	<form id="formID2" class="formular" method="post" action="">
+		<fieldset>
+			<legend>
+				Phone
+			</legend>
+			<label>
+				+103-304-340-4300-043
+				<br/>
+				+1 305 768 23 34 ext 23
+				<br/>
+				+1 (305) 768-2334 extension 703
+				<br/>
+				+1 (305) 768-2334 x703
+				<br/>
+				04312 / 777 777
+				<br/>
+				01-47.34/32 56
+				<br/>
+				(01865)  123456
+				<br/>
+				<span>Phone : </span>
+				<input value="" class="validate[required,custom[phone]] text-input" type="text" name="telephone" id="telephone" />
+			</label>
+		</fieldset>
+		<fieldset>
+			<legend>
+				OnlyLetter
+			</legend>
+			<label>
+				<span>only ascii letters, space and '</span>
+				<input value="this is an invalid char '.'" class="validate[required,custom[onlyLetterSp]] text-input" type="text" name="onlyascii" id="onlyascii" />
+			</label>
+		</fieldset><input class="submit" type="submit" value="Validate &amp; Send the form!"/><hr/>
+	</form>
+        
+        
+</body>
+</html>
diff --git a/js/jquery.validationEngine.js b/js/jquery.validationEngine.js
@@ -235,10 +235,28 @@
 			if (!options)
 				options = methods._saveOptions(form, options);
 			options.eventTrigger = "field";
-			// validate the current field
-			window.setTimeout(function() {
-				methods._validateField(field, options);
-			}, (event.data) ? event.data.delay : 0);
+
+            if (options.notEmpty == true){
+
+                if(field.val().length > 0){
+                    // validate the current field
+                    window.setTimeout(function() {
+                        methods._validateField(field, options);
+                    }, (event.data) ? event.data.delay : 0);
+
+                }
+
+            }else{
+
+                // validate the current field
+                window.setTimeout(function() {
+                    methods._validateField(field, options);
+                }, (event.data) ? event.data.delay : 0);
+
+            }
+
+
+
 
 		},
 		/**
@@ -2049,6 +2067,8 @@
 		custom_error_messages:{},
 		// true if you want to validate the input fields on blur event
 		binded: true,
+		// set to true if you want to validate the input fields on blur only if the field it's not empty
+		notEmpty: false,
 		// set to true, when the prompt arrow needs to be displayed
 		showArrow: true,
 		// set to false, determines if the prompt arrow should be displayed when validating
