jQuery在提交之前删除特定的输入值答案

【问题标题】：jQuery remove specific input value before submitingjQuery在提交之前删除特定的输入值
【发布时间】：2013-05-01 12:07:09
【问题描述】：

这是我所拥有的：

<form method="get" action="" name="advsearch">
  <input type="hidden" name="query" value="">
  <div class="formelement-01">
    <select name="product" size="1" onclick="bq()">
      <option value="" selected="selected">Select Brand</option>
      <option value="brand 1">brand 1</option>
      <option value="brand 2">brand 2</option>
    </select>
  </div>
  <div class="formelement-02">
    <select name="cut" size="1" onchange="bq()">
      <option value="" selected="selected">Select Product Type</option>
      <option value="product 1">product 1</option>
      <option value="product 2">product 2</option>
      <option value="product 3">product 3</option>
    </select>
  </div>
  <div class="formelement-03">
    <input onfocus="if (this.value == 'Enter keywords') this.value = '';" value="Enter keywords" type="text" name="keyword" id="key" onChange="bq()">
  </div>
  <div class="formelement-04">
    <input type="image" src="images/submit.gif" value="Submit" name="Submit" id="sbmit">
  </div>
</form>
<script type="text/javascript">
  function bq() {
   document.advsearch.query.value = document.advsearch.cut.value + " "  + document.advsearch.product.value + " "  + document.advsearch.keyword.value;}
</script>

表单工作正常，但如果我不将值“输入关键字”替换为其他内容，它会与我选择的选项一起提交。

如何防止提交此特定值“输入关键字”？请注意，表单应该能够提交任何其他值，而不是这个。

希望有人能帮忙解决。

提前谢谢你。埃琳娜

【问题讨论】：

标签： jquery forms input form-submit default-value

【解决方案1】：

您可以使用输入类型的placeholder 属性，但请记住此占位符属性不适用于 IE。

所以使用以下代码：

<form method="get" action="" name="advsearch" onSubmit="fun()">

在表单上添加一个功能。然后使用以下脚本。

<script type="text/javascript">
  function fun() {
    var ele = document.getElementById("key");
    if(ele.value == "Enter keywords") {
       ele.value = "";
    } 
    return true;
  }
</script>

【讨论】：

你是对的。它适用于ie10，但不是更旧的。谢谢！！我会按照你的方式尝试。
我不知道为什么，但这个解决方案不适用于上面的表格。我不太擅长 JS，但我认为它与已经应用于每个选择和输入框的 onchange 函数有关。如果您对此有快速解决方案，请告诉我。谢谢。

【解决方案2】：

试试占位符喜欢

<input value="" placeholder="Enter Keywords" type="text" name="keyword" id="key" onChange="bq()">

【讨论】：

【解决方案3】：

我猜你需要 Html 占位符而不是做旧的文本验证。

<input type="text" name="mytextbox" placeholder="Enter keywords">

查看这里examples and demo

【讨论】：

你是救生员！我希望我早点问。非常感谢！
@elenanincevic 很高兴为您节省时间 :) 如果您觉得有帮助，请标记绿色勾号。