diff --git a/js/src/views/Event/Edit.vue b/js/src/views/Event/Edit.vue
index b4bd60f77..533240ad2 100644
--- a/js/src/views/Event/Edit.vue
+++ b/js/src/views/Event/Edit.vue
@@ -38,7 +38,7 @@
           </div>
 
           <b-field :label="$t('Website / URL')">
-            <b-input icon="link" v-model="event.onlineAddress" placeholder="URL" />
+            <b-input icon="link" type="url" v-model="event.onlineAddress" placeholder="URL" />
           </b-field>
 
           <!--<b-field :label="$t('Category')">
diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue
index 703c443e5..0afc340e3 100644
--- a/js/src/views/Event/Event.vue
+++ b/js/src/views/Event/Event.vue
@@ -118,7 +118,7 @@ import {ParticipantRole} from "@/types/event.model";
                     </div>
                   </b-modal>
                 </div>
-                <span class="online-address" v-if="event.onlineAddress">
+                <span class="online-address" v-if="event.onlineAddress && urlToHostname(event.onlineAddress)">
                   <b-icon icon="link"></b-icon>
                   <a :href="event.onlineAddress">{{ urlToHostname(event.onlineAddress) }}</a>
                 </span>
@@ -548,8 +548,12 @@ export default class Event extends EventMixin {
     return this.event.options.maximumAttendeeCapacity - this.event.participantStats.participants;
   }
 
-  urlToHostname(url: string): string {
-    return (new URL(url)).hostname;
+  urlToHostname(url: string): string|null {
+    try {
+      return (new URL(url)).hostname;
+    } catch (e) {
+      return null;
+    }
   }
 }
 </script>