Question

我正在实施一个包含10-15个字段的注册表单。我需要以像admin这样的形式开发它，以便启用或禁用他想要向用户显示的字段。简而言之，如果管理员希望用户只在10中启用7个字段，则管理员需要检查字段并单击保存设置，他希望向用户显示该自定义表单以进行注册。我目前在表单中使用表格格式，因此如果用户想要删除字段，他可以检查表格行，因此它将被删除。

这是示例代码

<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

使用DIV TAG或SPAN TAG对可选的html表单元素进行分组。如果admin想要禁用隐藏可选的html元素，请使用 $（“DIV TAG / SPAN TAG ID / NAME”）。hide（）; 当页面加载时。

否则，所有要隐藏的元素是什么，使用这些元素名称或id来隐藏或禁用。

确保列在保存到数据库之前接受空值。

如何使用php jquery制作可自定义的表单？

1 个答案: