如何使用php jquery進行可定製的表單？

Question

我正在實施一個包含10-15個字段的註冊表單。我需要像管理員這樣的形式開發它，並且有權啓用或禁用他希望向用戶顯示的字段。簡而言之，如果管理員希望用戶只啓用10個​​中的7個字段，則管理員需要檢查字段並單擊保存設置，他想要將該自定義表單提供給用戶註冊。我目前在表格中使用表格格式，所以如果用戶想要刪除一個字段，他可以檢查表格行，所以它會被disbaled。

這裏是示例代碼

<table width="400" style="width:500px" border="1" align="center" id="reg_form" class="tables_section" > 



      <tr> 
       <td width="221"><strong>Full Name</strong></td> 
       <td width="163"><span id="sprytextfield1"><input type="checkbox" name="c1" value="" checked /><input type="text" name="fname" class="alphaonly" id="fname" maxlength="20" /></td> 
      </tr> 
      <tr> 
       <td><strong>Username</strong></td> 
       <td><span id="sprytextfield4"> 
       <label for="username"></label> 
       <input type="checkbox" value="" checked /> 
       <input type="text" name="username" class="alphaonly" id="user_id" class="user_name" ="*" maxlength="20" /><br/> 
       <span class="check"></span> 
       </td> 
      </tr> 
      <tr> 
       <td><strong>Email</strong></td> 
       <td><span id="sprytextfield4"> 
       <label for="email"></label> 
       <input type="checkbox" checked id="emailcheck" /><input type="email" name="email" id="email" maxlength="40" /> 
       </td> 
      </tr> 

      <tr> 
       <td><strong>Birthday</strong></td> 
       <td><input type="checkbox" value="" checked /><input type="text" name="birthday" id="birthday" readonly /> 

       </td> 
      </tr> 
      <tr> 
       <td><strong>Date of Join</strong></td> 
       <td><input type="checkbox" value="" checked /><input type="text" name="doj" id="doj" readonly /> 

       </td> 
      </tr> 
</table> 


<script> 

    $('#savesettings').click(function(){ 
     if ($('table tr td checkbox').attr("checked")) { 
      $('table tr').show(); 
     } 
     else { 
      $('table tr').hide(); 
     } 
     /*});.on("click", function() {*/ 

    }); 
    $('#editsettings').on("click", function(){ 
     $('table tr').show(); 
     }); 






</script> 

Answer 1

組的可選HTML表單元素與div標籤或span標記。如果管理員想禁用隱藏可選的html元素，使用$（「DIV TAG/SPAN TAG ID/NAME」）。hide（）;頁面加載時。

否則，所有要隱藏的元素是什麼，使用這些元素名稱或id來隱藏或禁用。

並確保您的列將保存到數據庫之前接受空值。