验证复选框或下拉列表

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> 

以及如何可以验证用户选择的选项无效的不同从下拉列表中的一个

这是我如何验证文本框

$("#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'); 
});