Add validation to hx-trigger. If validate false, hx-post is not trigger `hx-trigger="submit[!isFieldEmpty('#seed_keyword')]`

test.html

<form 
  id="keyword_suggestions_form" 
  hx-post="/api/v1/keywords"
  hx-target="#keywords_container" 
  hx-indicator="#loader_container"
  hx-on:htmx:before-request="emptyDiv('#keywords_container')"
  hx-trigger="submit[!isFieldEmpty('#seed_keyword')], submitKeywordSearch from:body"
>
  <button type="submit">Search</button>
</form>

test.js

window.isEmpty = function isEmpty(variable) {
  variable = $.trim(variable);

  return variable === undefined || variable === null || variable === "";
};

window.isFieldEmpty = function isFieldEmpty(id) {
  let value = $(id).val();

  return isEmpty(value);
};