提交按钮的JS条件清除onClick值

发布于 2025-01-02 17:52:37 字数 439 浏览 1 评论 0原文

我有一个默认值“关键字”的文本框。请注意，该字段不是必需的。

<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”的值是否=“Keywords”。如果是，则清除该值然后提交。

原文

I have a textbox with default value "Keywords". Note that this field is not required.

<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 = '';}"  />

What I would like to happen is that when I click on the submit button, before data gets submitted, some JS would check if value of "keyword_box"="Keywords". If yes, then clear out that value and then submit.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

羁〃客ぐ 2025-01-09 17:52:37

将其添加到您的提交按钮文本输入中。

您的 js 中的 onsubmit=clearDefaults() --

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

add this to your submit button text input.. onsubmit=clearDefaults()

in your js --

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

回复收藏 0 原文

仙气飘飘 2025-01-09 17:52:37

您可以在表单的 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" />

You can do this in the submit event handler of your form.

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

But from the looks of it, you seem to be trying to implement a "placeholder". In modern browsers, you can get this for free by using the placeholder attribute on the input element:

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

回复收藏 0 原文

~没有更多了~