Added html5 input validation to the public slug

application/views/logbooks/components/publicSlugInputValidation.php

@@ -1,5 +1,5 @@
 <div hx-target="this" hx-swap="outerHTML">
-<input aria-describedat="slugHelp" class="form-control <?php if($slugAvailable == true) { echo "is-valid"; } else { echo "is-invalid"; } ?>" name="public_slug" id="publicSlugInput" hx-post="<?php echo site_url('logbooks/publicslug_validate/'); ?>"  value="<?php echo $this->input->post('public_slug'); ?>" hx-trigger="keyup changed delay:500ms">
+<input aria-describedat="slugHelp" pattern="[a-zA-Z0-9-]+" class="form-control <?php if($slugAvailable == true) { echo "is-valid"; } else { echo "is-invalid"; } ?>" name="public_slug" id="publicSlugInput" hx-post="<?php echo site_url('logbooks/publicslug_validate/'); ?>"  value="<?php echo $this->input->post('public_slug'); ?>" hx-trigger="keyup changed delay:500ms" required>
 <?php 
 if($slugAvailable == true) { ?>
     <div class="valid-feedback">Looks good! <?php echo $this->input->post('public_slug'); ?> is available</div>

application/views/logbooks/edit.php

@@ -80,7 +80,7 @@
 						<input type="hidden" name="logbook_id" value="<?php echo $station_logbook_details->logbook_id; ?>">
 						<label for="publicSlugInput">Type in Public Slug choice</label>
 						<div hx-target="this" hx-swap="outerHTML">
-							<input class="form-control" name="public_slug" id="publicSlugInput" value="<?php echo $station_logbook_details->public_slug; ?>" hx-post="<?php echo site_url('logbooks/publicslug_validate/'); ?>"  hx-trigger="keyup changed delay:500ms">
+							<input class="form-control" name="public_slug" id="publicSlugInput" pattern="[a-zA-Z0-9-]+" value="<?php echo $station_logbook_details->public_slug; ?>" hx-post="<?php echo site_url('logbooks/publicslug_validate/'); ?>"  hx-trigger="keyup changed delay:500ms" required>
 						</div>
 					</div>
 					<button type="submit" class="btn btn-primary"><i class="fas fa-plus-square"></i> Save</button>