JQuery удалить определенное значение ввода до завершения заполнения

Question

Вот что у меня есть:

<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> 

Форма работает отлично, но если я не заменить значение «Введите ключевые слова» с чем-то другим, он получает представлен вместе с варианты, которые я выбираю.

Как предотвратить это конкретное значение, «Введите ключевые слова», от отправки? Обратите внимание: форма должна быть в состоянии представить любое другое значение, только не это.

Я надеюсь, что есть кто-то, кто может помочь в этом.

Заранее спасибо. Elena

Answer 1

Я думаю, вам нужен Html placeholder вместо того, чтобы выполнять старые проверки текста.

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

Смотрите здесь examples and demo

Answer 2

Попробуйте с заполнителем как

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

Answer 3

Вы можете использовать placeholder свойство типа ввода, но помните, что это свойство-заполнитель не будет работать в IE.

SO использовать следующий код:

<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>