Utilizzo di validatori per garantire che l'utente abbia riempito uno dei due campi obbligatori

Question

Ho un modulo ASP.NET per richieste di cambio valuta. Esistono due campi di testo: quantità-origine e quantità-obiettivo.

Uno di essi deve essere riempito e uno solo.

Come implementare questo utilizzando i Validator, se applicabile?

Answer 1

È possibile utilizzare validatori personalizzati per questo:

<asp:Textbox id="textbox1" runat="server" /> 
<asp:CustomValidator id="valCustom" runat="server" 
    ControlToValidate="textbox1" 
    ClientValidationFunction="ClientValidate" 
    OnServerValidate="ServerValidate" 
    ErrorMessage="*You can only enter 1" display="dynamic">* 
</asp:CustomValidator> 

<asp:Textbox id="textbox2" runat="server" /> 
<asp:CustomValidator id="valCustom2" runat="server" 
    ControlToValidate="textbox2" 
    ClientValidationFunction="ClientValidate" 
    OnServerValidate="ServerValidate" 
    ErrorMessage="*You can only enter 1" display="dynamic">* 
</asp:CustomValidator> 

<script language="Javascript"> 
    function ClientValidate(source, arguments) 
    { 
    var tb1 = document.getElementById("<%=textbox1.ClientID %>").value; 
    var tb2 = document.getElementById("<%=textbox2.ClientID %>").value; 
    if (tb1 && tb2 || (!tb1 && !tb2)){ 
     arguments.IsValid = false; 
    } else { 
     arguments.IsValid = true; 
    } 
    } 
</script> 

lato server:

protected void ServerValidate(object sender, ServerValidateEventArgs args) 
{ 
    if(string.isNullOrEmpty(textbox1.Text) && string.isNullOrEmpty(textbox2.Text)) 
    args.IsValid = false; 
    else if(!string.isNullOrEmpty(textbox1.Text) && !string.isNullOrEmpty(textbox2.Text)) 
    args.IsValid = false; 
    else 
    args.IsValid = true; 
} 

Se stai usando jQuery prega di commento ... tutto questo può essere molto più pulito.

Answer 2

Implementare un Validatore personalizzato e decorare entrambi i TextBox con esso. Se entrambi sono pieni, entrambi si trovano in uno stato di errore.