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

将此添加到您的提交按钮文字输入.. onsubmit=clearDefaults()

在你的js -

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

Answer 2

您可以在表单的submit事件处理程序中执行此操作。

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

但从它的外观来看，你似乎正试图实现一个“占位符”。在现代浏览器中，您可以使用输入元素上的placeholder属性免费获取此内容：

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

JS条件清除值onClick提交按钮

2 个答案: