2012-04-22 40 views
0

我有以下形式:如何克隆表单并使克隆函数与原始文件完全相同?

$(function() { 
$("#message").keyup(function() { 
var text_msg = $("#message").val(); 
    if(text_msg.length > 3 && text_msg.length <= 140) 
    { 
     $('#post').attr('disabled', ''); 
     $('#post').attr('value', 'Submit'); 
    }else{ 
     $('#post').attr('disabled', 'disabled'); 
     $('#post').attr('value', 'Wait...') 
     if(text_msg.length > 3 && text_msg.length > 140){ 
      alert('Your message exceeded the number of characters which is 140. Delete a few letters.'); 
     } 
    } 

}); 

});

 $(function() { 
$(".resp").click(function(){ 
    var idf = $(this).attr('id'); 
    newform = $("form#form-msg").clone(true); 
     $("#new-form-"+idf).append(newform);// These id's are generated dynamically 
    }); 
}); 

    <form method="post" name="form-msg" id="form-msg" action="javascript:func()"> 
     <textarea id="message" name="message"></textarea> 
     <input type="submit" value="wait..." id="post" align="left" disabled="disabled" /> 
    </form> 

<div id="new-form-1"></div> 
<div class="resp" align="center" id="1">Reply</div> 
<div id="new-form-2"></div> 
<div class="resp" align="center" id="2">Reply</div> 
<div id="new-form-3"></div> 
<div class="resp" align="center" id="3">Reply</div> 

当我克隆它并不像原来的工作表单,提交按钮没有被激活,而不是在一个国家提交表单。一切正常,克隆形式的输入较少。我如何使克隆功能等同于原始功能?

回答

0

您需要删除属性而不是删除它们,即使该属性是空的,也会导致该按钮被禁用。使用jQuery,这意味着$(...).removeAttr('disabled')而不是$(...).attr('disabled', '')

+0

有其他JQ代码中的错误,修正这个错误,但我意识到,我不能在字段中输入的值。 – Karra 2012-04-23 14:16:06