验证复选框或下拉列表

Question

我只需要帮助，我仍然找不到如何制作它。

首先，我要验证用户是否可以选择3中的一个复选框，然后才能在文本框中输入值。

<div><p>

            <%= Html.CheckBox("cbCodigo") %> <label class="inline" for="Codigo">Codigo</label>
            <%= Html.CheckBox("cbNombreCliente") %> <label class="inline" for="NombreCliente">Nombre del cliente</label>
            <%= Html.CheckBox("cbCiudad") %> <label class="inline" for="Ciudad">Ciudad</label>
        </p></div>
        <div><p>
            <label>Valor para la Consulta: </label>
            <%=Html.TextBox("tbCodCliente") %>
        </p></div>

然后如何验证用户从下拉列表中选择一个不同的null选项

这就是我验证文本框的方式

$("#formConsClientes").validate({
                rules: {
                    tbCodCliente: { required: true }
                },
                messages: {
                    tbCodCliente: { required: "Nombre usuario es un campo obligatorio" }
                },
                errorPlacement: function(error, element) {
                    error.insertAfter(element);
                }
            });

Answer 1

将文本框设置为只读，直到单击一个复选框。然后在复选框的onclick中，启用编辑。给复选框class，这样您就可以只为一个复选框使用一个函数。

$(".checkboxes").click(function(){
    $('#tbCodCliente').removeAttr('readonly');
});