Active o desactive dinámicamente RequiredFieldValidator según el valor de DropDownList

Question

Tengo un formulario ASP.NET con tres entradas de texto, una para "Teléfono de trabajo", "Teléfono de casa" y "Teléfono celular". Cada una de estas entradas de texto tiene un RequiredFieldValidator asociado. También tengo una DropDownList donde el usuario puede seleccionar el tipo de teléfono preferido.

Quiero solo requerir el campo que se selecciona en DropDownList. Por ejemplo, si el usuario selecciona "Teléfono de trabajo" de DropDownList, quiero desactivar RequiredFieldValidator para "Teléfono de casa" y "Teléfono celular", por lo que solo se requiere el campo "Teléfono de trabajo".

Tengo un método que habilita e inhabilita estos validadores según el valor de DropDownList, pero no puedo saber cuándo llamarlo. Quiero que este método se ejecute antes de que la validación tenga lugar en la página. ¿Como podría hacerlo?

Answer 1

¿Por qué no utilizar un CustomValidator en este caso? Desactivar/encender un RequiredFieldValidator podría llevar a un problema de diseño en el futuro. Me limitaría a usarlos en campos que serán necesarios.

Answer 2

AlCambiar de la lista desplegable, tendrá que registrar un controlador de eventos de servidor que activa/desactiva el validador ...

HTH

Answer 3

Usted puede hacer esto con JavaScript como esto:

ValidatorEnable(RequiredFieldValidatorId, false); 

Después haga que su lista desplegable utilizar el evento onchange (me gustaría sugerir el uso de jQuery)

$("#<%=dropDownList.ClientID %>").change(function(){ 
    var val = $(this).val(); 
    var skip = null; 
    if (val == 1) 
     skip = "workPhoneValidator"; 
    else if (val == 2) 
     skip = "cellPhoneValidator"; 
    .... 

    // by popular demand... 
    var $skip = $("#" + skip)[0]; 

    if (skip != "workPhoneValidator") ValidatorEnable($skip, false); 
    if (skip != "cellPhoneValidator") ValidatorEnable($skip, false); 
    .... 
}); 

Answer 4

evento OnChange de la lista desplegable que puede tener algo como esto

function EnableValidator(){ 
    ValidatorEnable(requiredFieldValidator, validatorMustBeEnabled); 
} 

Comprobar en esta URL. Sección "API del lado del cliente"

http://msdn.microsoft.com/en-us/library/Aa479045#aspplusvalid_clientside

Answer 5

manera posible sería:

• situado en el DropDownList AutoPostBack="true"
• En el controlador SelectedIndexChanged caso de DropDownList activar/desactivar los validadores
• Establezca en su DropDownList CausesValidation="false" para evitar que los validadores bloqueen una devolución de datos cuando cambie la entrada DropDownList.

Answer 6

Cuando está utilizando el teléfono de su hogar, en el evento desplegable seleccionadoindexchange, haga que los validadores de campo necesarios sean invisibles.

como ..

si se selecciona HomePhone,

homephonevalidator.visible=true 
cellphonevalidator.visible=false 
workphonevalidator.visible=false 

si se selecciona el teléfono móvil,

homephonevalidator.visible=false 
cellphonevalidator.visible=true 
workphonevalidator.visible=false 

si se selecciona WorkPhone,

homephonevalidator.visible=false 
cellphonevalidator.visible=false 
workphonevalidator.visible=true 

Answer 7

Esta es una buena manera de activar y del lado del servidor desactivar validación de control del evento jquery:

<label class="label_radio" for="Oversize" onclick="EnableDisbledValidator('show')">show textbox</label> 

<asp:TextBox ID="txtNote" runat="server" class="checkvalidation"></asp:TextBox> 

<asp:RequiredFieldValidator ID="rfvNote" runat="server" ControlToValidate="txtNote" SetFocusOnError="true" ErrorMessage="Please enter the note" Display="Dynamic" CssClass="error-tooltip"></asp:RequiredFieldValidator> 

function EnableDisbledValidator(lblShow) { 
    if (lblShow == "hide") {; 
     ValidatorEnable($('#<%=rfvNote.ClientID %>')[0], false); 

    } else { 
     ValidatorEnable($('#<%=rfvNote.ClientID %>')[0], true); 
    } 
}