Chrome неправильно делает недействительным ввод формы после клонирования jQuery

0

У меня проблема при клонировании из Chrome. Обратите внимание, что это не похоже на Firefox.

Когда я динамически создаю input и клонирование, а затем добавляю к форме, он не будет проверяться, но когда я проверяю объект validityState Node он говорит, что все в порядке.

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

Javascript:

$('<input type="text" required="required" />').val('08').clone().appendTo('#form1');
$('<input type="text" required="required" />').val('08').appendTo('#form2');

HTML:

<form id="form1"><input type="submit" value="Click me"/></form>
<form id="form2"><input type="submit" value="Click me"/></form>

Скрипт для справки: http://jsfiddle.net/x7aRt/1/

  • 0
    Только что попробовал в jsFiddle, похоже, не имеет никакого эффекта.
  • 0
    Я только что проверил это тоже
Показать ещё 4 комментария
Теги:
dom
google-chrome

1 ответ

2
Лучший ответ

Похож на ошибку в chrome (webkit?) Или связанную с jQuery.

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

$('<input type="text" required="required" />').val('08').clone().val(function(){return this.value}).appendTo('#form1');

Ещё вопросы

Сообщество Overcoder
Наверх
Меню