Ensure tags must fit pattern before adding them

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tags-input",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "main": "tags-input.js",
   "description": "<input type=\"tags\"> like magic.",
   "scripts": {

src/tags-input.js

@@ -45,15 +45,26 @@ export default function tagsInput(input) {
 	// Return false if no need to add a tag
 	function addTag(text) {
 		// Add multiple tags if the user pastes in data with SEPERATOR already in it
-		if (~text.indexOf(SEPERATOR)) text = text.split(SEPERATOR);
-		if (Array.isArray(text)) return text.forEach(addTag);
+		if ( text.includes(SEPERATOR) ) {
+			text = text.split(SEPERATOR);
+		}
+		if ( Array.isArray(text) ) {
+			return text.forEach(addTag);
+		}
 
 		let tag = text && text.trim();
 		// Ignore if text is empty
-		if (!tag) return false;
+		if ( ! tag ) {
+			return false;
+		}
+
+		// Don't add if it's invalid (eg, for pattern=)
+		if ( ! base.input.checkValidity() ) {
+			return false;
+		}
 
 		// For duplicates, briefly highlight the existing tag
-		if (!input.getAttribute('duplicates')) {
+		if ( ! input.getAttribute('duplicates') ) {
 			let exisingTag = $(`[data-tag="${tag}"]`);
 			if (exisingTag) {
 				exisingTag.classList.add('dupe');