url: protocol required

client/src/views/fields/url.js

@@ -52,6 +52,7 @@ class UrlFieldView extends VarcharFieldView {
      * @property {boolean} [required] Required.
      * @property {boolean} [copyToClipboard] To display a Copy-to-clipboard button.
      * @property {boolean} [strip] To strip.
+     * @property {boolean} [protocolRequired] Require protocol. As of v9.4.
      */
 
     /**
@@ -83,7 +84,7 @@ class UrlFieldView extends VarcharFieldView {
     noSpellCheck = true
     optionalProtocol = true
 
-    DEFAULT_MAX_LENGTH =255
+    DEFAULT_MAX_LENGTH = 255
 
     data() {
         const data = super.data();
@@ -93,6 +94,14 @@ class UrlFieldView extends VarcharFieldView {
         return data;
     }
 
+    setup() {
+        super.setup();
+
+        if (this.params.protocolRequired) {
+            this.optionalProtocol = false;
+        }
+    }
+
     afterRender() {
         super.afterRender();
 
@@ -141,7 +150,7 @@ class UrlFieldView extends VarcharFieldView {
     parse(value) {
         value = value.trim();
 
-        if (this.params.strip) {
+        if (this.params.strip && !this.params.protocolRequired) {
             value = this.strip(value);
         }
 
@@ -194,14 +203,7 @@ class UrlFieldView extends VarcharFieldView {
             return false;
         }
 
-        const patternName = this.optionalProtocol ? 'uriOptionalProtocol' : 'uri';
-
-        /** @var {string} */
-        const pattern = this.getMetadata().get(['app', 'regExpPatterns', patternName, 'pattern']);
-
-        const regExp = new RegExp('^' + pattern + '$');
-
-        if (regExp.test(value)) {
+        if (this.isValid(value)) {
             return false;
         }
 
@@ -213,6 +215,34 @@ class UrlFieldView extends VarcharFieldView {
         return true;
     }
 
+    /**
+     * @private
+     * @param {string} value
+     * @return {boolean}
+     */
+    isValid(value) {
+        if (!this.optionalProtocol) {
+            try {
+                new URL(value);
+
+                return true;
+            } catch (e) {
+                return false;
+            }
+        }
+
+        /** @var {string} */
+        const pattern = this.getMetadata().get(['app', 'regExpPatterns', 'uriOptionalProtocol', 'pattern']);
+
+        const regExp = new RegExp('^' + pattern + '$');
+
+        if (regExp.test(value)) {
+            return true;
+        }
+
+        return false;
+    }
+
     // noinspection JSUnusedGlobalSymbols
     validateMaxLength() {
         const maxLength = this.params.maxLength || this.DEFAULT_MAX_LENGTH;