Правильно ли я "очищаю" value в Input[text] ?

TonKhaO · October 3, 2009

Народ вопрос собственно такой, мне нужно очистить по клику на инпута его значение value (как это обычно на сайтах реализовано), я просто с помощью JQuery делаю атрибут value пустой строкой value: ""

Является ли данный способ правилом хорошего тона или же есть более "красивые" способы? Ведь можно удалить например атрибут полностью, он же в XTHML является для инпута необязательным, вы за какой способ?

PS: хотя наверное VALUE удалять никак нельзя так как с пом него на сервер и отправляется то что в дальнейшем введт пользователь, ес?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>

<script type="text/javascript" src="jquery.js"></script>


<script type="text/javascript">
$(document).ready(function(){

   $(".myInput").click(function() {

	  $(this).attr({ value: "" });

   });



});
</script>




</head>


<body>


логин: <input class="myInput" type="text" value="Логин">


</body>
</html>

Edited October 3, 2009 by TonKhaO

Octane · October 3, 2009

Значение по умолчанию для свойства value — пустая строка:

alert(typeof document.createElement("input").value); // string

В jQuery есть еще специальный метод val:

$(…).val("");

А в вашем примере можно сделать еще проще:

this.value = "";

В JavaScript для удаления свойств объектов есть оператор delete, но удаление таким способом свойства value DOM-элемента ни к чему не приводит:

var node = document.createElement("input");
node.value = "O_o";
delete node.value;
alert(node.value); // O_o

А еще важно понимать разницу между свойствами и атрибутами, чтобы знать, почему ничего не произойдет в следующем примере, если пользователь уже что-то написал в поле ввода:

this.removeAttribute("value");

Вот а jQuery скрывает от вас столько всего интересного)))

Edited October 3, 2009 by Octane

TonKhaO · October 3, 2009

ну то есть по факту то что я делаю а именно делаю строку пустой есть правильно, ед что можно сделать это проще, вывод такой? :-)

Octane · October 3, 2009

Правильно

TonKhaO · October 3, 2009

да только что узнал о методе .val из книжки ) конечно это намного проще чем attr({value: ""})

s0rr0w · October 3, 2009

Стер. На пример не посмотрел.

Edited October 3, 2009 by s0rr0w

TonKhaO · October 5, 2009

скажите граждане а если сделать чисто на JS такую операцию через onClick вприсанный в Input

типа getElementById('someID').value=""; будет ли это кроссбраузерно и вообще какие преимущества у JQuery?

Searcher · October 5, 2009

В данной ситуации никаких приемуществ, только может кода писать меньше надо будет. А JQuery - это фреймворк написанный на том же JavaScript. Простые действия с помощью фреймворка выполнять чаще всего нецелесообразно поскольку интерпретатору приходится выполнять больше операций.

onClick и getElementById самые что ни на есть кроссбраузерные вещи.

Edited October 5, 2009 by Searcher

s0rr0w · October 5, 2009

скажите граждане а если сделать чисто на JS такую операцию через onClick вприсанный в Input
типа getElementById('someID').value=""; будет ли это кроссбраузерно и вообще какие преимущества у JQuery?

Octane · October 5, 2009

TonKhaO, раз вас волнуют такие вещи и вы стремитесь сделать свой код лучше, почему бы сначала не заняться изучением JavaScript, а потом уже браться за JavaScript-фреймворки? С пониманием всего того, что происходит внутри фреймворка, кодить будет значительно приятнее, а главное эффективнее.

Sign In

Правильно ли я "очищаю" value в Input[text] ?

Question

TonKhaO

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Octane

Link to comment

Share on other sites

TonKhaO

Link to comment

Share on other sites

Octane

Link to comment

Share on other sites

TonKhaO

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

TonKhaO

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

s0rr0w

Link to comment

Share on other sites

Octane

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information