Added simple phone number validation

demo.html

@@ -74,6 +74,10 @@ <h2>Demo</h2>
                     <label>E-mail (required)</label>
                     <input type="email" name="email" required />
                 </div>
+                <div class="entry">
+                    <label>Phone number (required)</label>
+                    <input type="tel" name="tel" required />
+                </div>
                 <div class="entry">
                     <label>
                         <input type="checkbox" name="newsletter" value="1" required />

jquery.html5validator.js

@@ -13,7 +13,8 @@
                 requiredCheckbox: 'This field is required',
                 minlength: 'The minimum length of this field is not met',
                 maxlength: 'The content of this field is too long',
-                email: 'This is not an email address'
+                email: 'This is not an email address',
+                tel: 'This is not an phone number'
             },
             customValidators: {},
             fieldParentSelector: '.entry'
@@ -64,6 +65,7 @@
             this.validate( 'minlength', $('input[data-minlength]', this.element) );
             this.validate( 'maxlength', $('input[data-maxlength]', this.element) );
             this.validate( 'email', $('input[type=email]', this.element) );
+            this.validate( 'tel', $('input[type=tel]', this.element) );
         }
 
         // validation rules set in the config
@@ -149,6 +151,13 @@
         email: function( el ) {
             var regEx = /^([\w-\.\+]+@([\w-]+\.)+[\w-]{2,4})?$/;
             return regEx.test( $(el).val() );
+        },
+        tel: function( el ) {
+            if ($(el).val().length == 0) {
+                return true;
+            }
+            var regEx = /^[\+]?[\d]{9,13}$/;
+            return regEx.test( $(el).val() );
         }
     };
 
@@ -206,4 +215,4 @@
         });
     }
 
-})( jQuery, window, document );
+})( jQuery, window, document );