驗證複選框或下拉列表

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'); 
});