javascript - jQuery 克隆后 Chrome 错误地使表单输入无效

Question

我在 Chrome 中克隆时遇到问题。请注意，这在 Firefox 中似乎不会发生。

当我动态创建一个输入并克隆它，然后附加到表单时，它将不会验证，但是当我检查Node的validityState对象时 表示一切都很好。

我知道克隆没有多大意义，但它是我所需要的减少的测试用例。有什么解决方案可以确保 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>

fiddle 引用:http://jsfiddle.net/x7aRt/1/

Answer 1

看起来像是 chrome(webkit？)中的一个错误，或者可能与 jQuery 有关。

要验证输入，看起来您需要在克隆后重新设置值，没有多大意义，但是......

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