與添加用戶按鈕添加HTML領域

我想通過一個「添加用戶在我的HTML代碼中添加字段按鈕使得在前三場做好了所有的驗證電子郵件名稱 & 電話號碼應可以在新生成的3個fields.I相同的使用jQuery驗證插件。我的HTML代碼如下與添加用戶按鈕添加HTML領域

<!DOCTYPE html> 
<!--<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>--> 

<html> 
<head> 
<meta charset="utf-8"> 
<title>Manageuser_addUser</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<!--<script src="plugin/validation/dist/additional-methods.min.js"></script>--> 
<script src="plugin/validation/dist/jquery.validate.min.js"></script> 
<script src="plugin/utilities/validationutils.js"></script> 


</head> 
<body> 

<div> 

    <h1>Manage Users!</h1> 
    <form id="formRegistration" method="post" action=""> 

      <div> 
      <label for="email">Email Id*</label> 
      <input id="email" type="email" name="email" value="" placeholder="Enter your Email Id" /> 
      </div> 

      <div> 
      <label for="name">Name*</label> 
      <input id="name" type="text" name="name" value="" placeholder="Enter your Name" /> 
      </div>

我想用JS和J查詢的這個部分，但它不工作

<script type="text/javascript"> 
    var i = 3; 

    function addField(tableid) 
    { 
    var row = document.createElement("tr"); 
    var col1 = document.createElement("td"); 
     var col2 = document.createElement("td"); 
     var input = document.createElement("input"); 

     input.setAttribute("type","text"); 
     input.setAttribute("name","field" + i); 

     col1.appendChild(document.createTextNode("Field" + i)); 
     col2.appendChild(input); 

       row.appendChild(col1); 
     row.appendChild(col2); 

     var table = document.getElementById(tableid); 

    table.appendChild(row); 
     i++; 
}

   <div> 
      <label for="phone">Phone</label> 
      <input id="phone" type="text" name="phone" value="" placeholder="+xx-xxxxxxxxxx" /> 
      </div> 



      <div> 
      <input type="submit" name="add" value="Add User" id="publiclogin"> 
      </div> 

      <div> 
      <input type="submit" name="add" value="Add more Fields" id=""> 
      </div> 


      </form> 
      </div> 
     </body>

來源

2015-02-06 CandleCoder

剛纔添加的屬性類型的元素你正在添加。 – Fyre 2015-02-06 05:44:57

你的JavaScript代碼，似乎不完整的，應該有：

$("#formRegistration").validate();

腳本標記內

來源

2015-02-06 06:31:12

與添加用戶按鈕添加HTML領域

回答

相關問題