JS условное значение сброса onClick of submit button

Question

У меня есть текстовое поле со значением по умолчанию "Ключевые слова".Обратите внимание, что это поле не является обязательным.

<input
       type="text"
       maxlength="255"
       class="cat_textbox"
       id="keyword_box"
       name="keyword_box"
       value="Keywords"
       onblur="if (this.value == 'Keywords') {this.value = '';}"
       onfocus="if (this.value == 'Keywords') {this.value = '';}"  />

Я хотел бы, чтобы при нажатии на кнопку отправки перед отправкой данных некоторые JS проверяли, имеет ли значение "keyword_box" = "Ключевые слова».Если да, то очистите это значение и затем отправьте.

Answer 1

Вы можете сделать это в обработчике событий submit вашей формы.

document.getElementById("myform").onsubmit = function () {
    var keywords = document.getElementById("keyword_box");
    if (keywords.value == "Keywords") {
        keywords.value = "";
    }
};

Но, судя по всему, вы пытаетесь реализовать "заполнитель". В современных браузерах вы можете получить это бесплатно, используя атрибут placeholder элемента input:

<input
       type="text"
       maxlength="255"
       class="cat_textbox"
       id="keyword_box"
       name="keyword_box"
       placeholder="Keywords" />

Answer 2

добавить это к вашей кнопке ввода текста. onsubmit=clearDefaults()

в вашем JS -

function clearDefaults(){
var key = document.getElementById("keyword_box");
if(key.value == "Keywords")
key.value="";
}