Плагин jquery-watermark и тип ввода электронной почты HTML5 не работают правильно

Question

diveintohtml5 говорит, что можно начинать использовать тип формы электронной почты. Поэтому я пробую это на одной из моих форм. Я использую jQuery и плагин под названием jquery-watermark . Это заставляет элемент-заполнитель работать во всех браузерах. Плагин все еще работает в Firefox 3.6, но в Opera 10.61 и Chrome 6 заполнитель не отображается.

<script type="text/javascript">
  $('form input#comment_email').watermark('email (optional)');
</script>

используется для отображения водяного знака / заполнителя.

Rails 3 выводит это:

<input id="comment_email" name="comment[email]" size="30" type="email" /> 

Я не уверен, почему это не работает. Есть идеи, что здесь происходит?

Answer 1

Вы имели в виду заполненные тексты во входных данных?
Существует альтернативное решение: заполнители HTML 5 и Watermark - хороший запасной вариант для браузеров, которые не поддерживают заполнители.

 $('input[placeholder]').each(function() {
   $(this).watermark($(this).attr('placeholder'));
 })

(примечание: я не тестировал этот код!)

(РЕДАКТИРОВАТЬ: см. Также http://diveintohtml5.ep.io/detect.html#input-placeholder)

Answer 2

Похоже, что плагин jquery-watermark выбирает только определенные типы ввода для водяного знака.Все, что вам нужно сделать, это настроить эту строку в jquery.watermark.js:

selWatermarkAble = ":text,:password,:search,textarea",

, чтобы включить новый тип электронной почты:

selWatermarkAble = ":text,:password,:search,:email,textarea",