Javascript Jquery屏蔽输入\不处理动态添加的输入

我正在为一个项目创建一个注册表单，但是有一个问题。我的表单所做的是让用户能够单击“添加联系人”按钮，并在页面上动态显示更多的输入框，以便用户可以键入其他用户。除了jquery屏蔽外，其他都正常工作。jquery在页面上使用任何默认文本输入，但不使用任何javascript生成的输入

希望有人能理解我的解释 我正在使用下面的蒙面输入

下面是我的javascript和html

   <script language="javascript">
     fields = 0;
     function addInput() {
       if (fields != 5) {
        document.getElementById('text').innerHTML += "<div class='row-fluid'><div class='span5 clearfix'><h4 class='heading_b'>Company Address</h4><input type='text' name='company_address[]' class='span11'></div></div><div class='row-fluid'><div class='span5 clearfix' style='width:300px'><h4 class='heading_b'>Company City</h4><input type='text' name='company_city[]' class='span5'></div><div class='span4 clearfix' style='width:300px'><h4 class='heading_b'>Company State</h4><select name='company_state[]' class='span4'><option value='AL'>AL</option><option value='AK'>AK</option><option value='AZ'>AZ</option><option value='AR'>AR</option><option value='CA'>CA</option><option value='CO'>CO</option><option value='CT'>CT</option><option value='DE'>DE</option><option value='DC'>DC</option><option value='FL'>FL</option><option value='GA'>GA</option><option value='HI'>HI</option><option value='ID'>ID</option><option value='IL'>IL</option><option value='IN'>IN</option><option value='IA'>IA</option><option value='KS'>KS</option><option value='KY'>KY</option><option value='LA'>LA</option><option value='ME'>ME</option><option value='MD'>MD</option><option value='MA'>MA</option><option value='MI'>MI</option><option value='MN'>MN</option><option value='MS'>MS</option><option value='MO'>MO</option><option value='MT'>MT</option><option value='NE'>NE</option><option value='NV'>NV</option><option value='NH'>NH</option><option value='NJ'>NJ</option><option value='NM'>NM</option><option value='NY'>NY</option><option value='NC'>NC</option><option value='ND'>ND</option><option value='OH'>OH</option><option value='OK'>OK</option><option value='OR'>OR</option><option value='PA'>PA</option><option value='RI'>RI</option><option value='SC'>SC</option><option value='SD'>SD</option><option value='TN'>TN</option><option value='TX'>TX</option><option value='UT'>UT</option><option value='VT'>VT</option><option value='VA'>VA</option><option value='WA'>WA</option><option value='WV'>WV</option><option value='WI'>WI</option><option value='WY'>WY</option></select></div><div class='span3 clearfix'><h4 class='heading_b'>Company Zip</h4><input type='text' name='company_zip[]' class='span3' maxlength='5'></div></div><div class='row-fluid'><div class='span5 clearfix' style='width:300px'><h4 class='heading_b'>Landload/Mortgage Company</h4><input type='text' name='company_landlordcompany[]' class='span8'></div><div class='span5 clearfix' style='width:250px'><h4 class='heading_b'>Rent/Mortgage Amt</h4><input type='text' name='companyrentamt[]' class='span4'></div><div class='span5 clearfix' style='width:300px'><h4 class='heading_b'>Landlord Contact Name</h4><input type='text' name='business_landlordname[]' class='span8'></div><div class='span5 clearfix' style='width:290px'><h4 class='heading_b'>Landlord Contact Phone</h4><input type='text' name='business_landlordphone[]' class='span6 mask_phone'></div></div>";
        fields += 1;
        } else {
        document.getElementById('text').innerHTML += "<br />Only 5 addresses are allowed.";
        document.form.add.disabled=true;
        }
        }

字段=0；
函数addInput（）{
如果（字段！=5）{
document.getElementById（'text'）.innerHTML+=“公司地址公司城市公司州AkazarcoctdedCflgaiidilinakSkyLamemdmammnmsmomtnenvHnJnnyncndohokorpariscsdtntxutvWawvWiwyCompany ZipLandload/抵押贷款公司/抵押贷款AmtLandlord联系人姓名业主联系电话”；
字段+=1；
}否则{
document.getElementById（'text'）。innerHTML+=“
只允许5个地址。”；
document.form.add.disabled=true；
}
}

以上是在我的html页面的头部 那么在我的身体里我有

<div id='text'>  </div>

如果我获取上面javascript中列出的具有屏蔽输入的任何输入，并将其添加到页面主体中，则屏蔽输入起作用。 我希望有人能提出一个建议

我尝试过将包含屏蔽输入代码的js文件放在页面底部，也尝试过将其放在页面顶部，但没有成功。

---

谢谢

在您的脚本中的某个地方，您必须为类似于以下输入的输入初始化屏蔽插件：

$（“#phone”）.mask（“（999）999-9999”）
在addInput（）中动态添加元素时，这些元素不会初始化。你可以这么做。然而，我认为从一开始就在身体中添加一切，并隐藏“动态”元素会更容易。这样您就可以初始化它们。当用户单击“添加联系人”时，您可以像这样一个接一个地显示他们

编辑：更新链接