Dynamische Aktivierung oder Deaktivierung von RequiredFieldValidator basierend auf dem Wert von DropDownList

Question

Ich habe ein ASP.NET-Formular mit drei Texteingaben, je eine für "Work Phone", "Home Phone" und "Cell Phone". Jeder dieser Texteingaben ist ein RequiredFieldValidator zugeordnet. Ich habe auch eine DropDownList, wo der Benutzer den bevorzugten Telefontyp auswählen kann.

Ich möchte nur das Feld, das in der DropDownList ausgewählt ist. Wenn der Benutzer z. B. "Arbeitsplatz" aus der DropDownList auswählt, möchte ich den RequiredFieldValidator für "Home Phone" und "Cell Phone" deaktivieren, wodurch nur das Feld "Work Phone" erforderlich wird.

Ich habe eine Methode, die diese Validatoren basierend auf dem Wert der DropDownList aktiviert und deaktiviert, aber ich kann nicht herausfinden, wann sie aufgerufen werden soll. Ich möchte, dass diese Methode ausgeführt wird, bevor die Validierung auf der Seite stattfindet. Wie würde ich das tun?

Answer 1

Warum verwenden Sie in diesem Fall keinen CustomValidator? Das Ein-/Ausschalten eines RequiredFieldValidator könnte in Zukunft zu einem Design-Problem führen - ich würde mich darum bemühen, sie in Feldern zu verwenden, die benötigt werden.

Answer 2

OnChange der Dropdownlist, müssen Sie einen serverseitigen Ereignishandler registrieren, die aktiviert/deaktiviert den Validator ...

HTH

Answer 3

Sie können dies wie folgt mit JavaScript tun:

ValidatorEnable(RequiredFieldValidatorId, false); 

haben dann Ihre Dropdown-Liste verwenden, um die onchange Ereignis (ich mit jQuery empfehlen würde)

$("#<%=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

OnChange-Ereignis des Drop-Down können Sie so etwas wie dieses

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

prüfen auf diese URL haben. Abschnitt "Client-Side-APIs"

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

Answer 5

Möglicher Weg wäre:

• Sets in Ihrem Dropdown AutoPostBack="true"
• Im SelectedIndexChanged Ereignishandler der Dropdownlist aktivieren/Ihre Prüfungen deaktiviert
• Legen Sie in Ihrer DropDownList CausesValidation="false" fest, um zu vermeiden, dass die Prüfer ein Postback blockieren, wenn Sie den DropDownList-Eintrag ändern.

Answer 6

Wenn Sie das Telefon zu Hause verwenden, machen Sie im Dropdown-Menü selectedindexchange die erforderlichen Feldvalidatoren unsichtbar.

mögen ..

wenn Phone ausgewählt ist,

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

wenn Mobiltelefon ausgewählt ist,

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

wenn workphone ausgewählt ist,

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

Answer 7

Das ist eine gute Art und Weise zu aktivieren und zu deaktivieren Server-Seite Kontrollvalidierung von jquery-Ereignis:

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