add js cleanGetUrl

netbox/project-static/src/netbox.ts

@@ -14,6 +14,9 @@ import { initRackElevation } from './racks';
 import { initLinks } from './links';
 import { initHtmx } from './htmx';
 
+// @ts-ignore
+import { cleanGetUrl } from './util';
+
 function initDocument(): void {
   for (const init of [
     initBootstrap,

netbox/project-static/src/util.ts

@@ -477,3 +477,31 @@ export function replaceAll(input: string, pattern: string | RegExp, replacement:
 
   return input.replace(pattern, replacement);
 }
+
+
+/**
+ * Disable empty FormElemnts before submitting the form.
+ *
+ * @param targetform HTMLFormElement where the FormElements need to be disabled.
+ */
+
+export function cleanGetUrl(targetform: HTMLFormElement) {
+  
+  var form_elements = targetform.elements;
+
+  for (const element of form_elements) {
+    // The SELECT statement requires a different approach. It depends on the selectedIndex, rather that the value.
+    switch (element.nodeName) {
+      case "SELECT":
+        const selectElement = element as HTMLSelectElement;
+        if (selectElement.selectedIndex == null || selectElement.selectedIndex == -1 || selectElement[selectElement.selectedIndex].getAttribute('value') == '') {
+          element.setAttribute('disabled','');
+        }
+        break;
+      default:
+        if (element.getAttribute('value') == null) {
+          element.setAttribute('disabled','');
+        }
+    }
+  }
+}

netbox/templates/inc/filter_list.html

@@ -1,21 +1,7 @@
 {% load form_helpers %}
 {% load helpers %}
 
-<script>
-function cleangeturl(form) {
-  
-  var form_elements = form.elements;
-  
-  for (var i=0; i<form_elements.length; i++ ) {
-    var element = form_elements[i]
-    if (element.name && element.value == '') {
-      element.disabled=true;
-    }
-  }
-
-</script>
-
-<form action="." method="get" onsubmit="return cleangeturl(this)">
+<form action="." method="get" onsubmit="return cleanGetUrl(this)">
   <div class="card">
     <div class="card-body overflow-visible d-flex flex-wrap justify-content-between py-3">
       {% for field in filter_form.hidden_fields %}

netbox/templates/search.html

@@ -66,7 +66,7 @@
     {% else %}
         <div class="row">
             <div class="col col-12 col-lg-6 offset-lg-3">
-                <form action="{% url 'search' %}" method="get" class="form form-horizontal">
+                <form action="{% url 'search' %}" method="get" class="form form-horizontal" onsubmit="return cleanGetUrl(this)">
                     <div class="card">
                         <h5 class="card-header">
                             Search

netbox/utilities/templates/search/searchbar.html

@@ -1,4 +1,4 @@
-<form class="input-group" action="{% url 'search' %}" method="get">
+<form class="input-group" action="{% url 'search' %}" method="get" onsubmit="return util.cleanGetUrl(this)">
   <input
     name="q"
     type="text"