forms - 条件字段密码（密码保护）

Question

我通过 phpform.org 创建了一个网络表单（注册），但我想为一个字段（密码）设置条件（如果密码字段等于“测试”，则显示提交字段）

<li id="li_2" >
    <label class="description" for="element_2">Name </label>
    <span>
        <input id="element_2_1" name= "element_2_1" class="element text" maxlength="255" size="8" value=""/>
        <label>First</label>
    </span>
    <span>
        <input id="element_2_2" name= "element_2_2" class="element text" maxlength="255" size="14" value=""/>
        <label>Last</label>
    </span> 
    </li>       <li id="li_1" >
    <label class="description" for="element_1">Password </label>
    <div>
        <input id="element_1" name="element_1" class="element text medium" type="text" maxlength="255" value=""/> 
    </div> 
    </li>

                <li class="buttons">
            <input type="hidden" name="form_id" value="677911" />

            <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
    </li>
        </ul>
    </form> 
    <div id="footer">
        Generated by <a href="http://www.phpform.org">pForm</a>
    </div>
</div>
<img id="bottom" src="bottom.png" alt="">
</body>

请问我该怎么做？

Answer 1

你可以使用jQuery：

$(".buttons").hide();
$("#element_1").keyup(function () {
    if ($(this).val() == "test") {
        $(".buttons").show();
    } else {
        $(".buttons").hide();
    }
});

看到它在这里工作：http: //jsfiddle.net/7UtHW/。