Заполненные поля формы

Question

Таким образом, я унаследовал эту форму с полями заполненной формы, такими как «Имя», «Телефон» или «Почтовый индекс», чтобы пользователи знали, что делать с полями. Но если кто-то просто нажимает кнопку, форма передает «Имя», «Телефон» или «Почтовый индекс» в базу данных. OnFocus в нем, похоже, не работает. Есть идеи?

<input type="" maxlength="25" name="firstname" tabindex="6" id="firstname" class="textfield" value="First Name" onFocus="if (this.value == 'First Name') {this.value = '';}"> 

Спасибо заранее, -Bob

Answer 1

Как и другие, используйте атрибут placeholder, чтобы установить «метку» поля. Кроме того, если вы уже используете jQuery для упрощения вашего Javascript, вы можете использовать плагин как this one, который добавит поддержку атрибута placeholder для браузеров, не совместимых с HTML.

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

Answer 2

Во-первых, что это плохая практика, должны быть этикетки этикетки, расположенные перед полем они мечения. Не внутри.

Name: [________] 
=== NOT === 
[Name____] 

Как форма на бумаге.

Если у вас должен быть текст в поле, используйте атрибут placeholder. Но имейте в виду, что поддерживают только новейшие браузеры.

Что касается решения проблемы отправки значений по умолчанию, просто проверьте, является ли значение, которое вы собираетесь вводить в базу данных, значением по умолчанию и, если это так, заблокируйте его.

Answer 3

В дополнении к тому, что сказал Kolnik, вы можете сделать простую проверку текстовых входов, которые имеют значение по умолчанию, используя что-то вроде:

if (input.value == input.defaultValue || /^\s*$/.test(input.value)) { 
    // field value isn't valid 
} 

, чтобы проверить, если значение по-прежнему по умолчанию, пустым или пробела. Но помните, что проверка на стороне клиента полностью ненадежна, поэтому выполняйте реальную проверку на сервере.