Uso de validadores para garantizar que el usuario complete uno de los dos campos obligatorios

Question

Tengo un formulario ASP.NET para solicitudes de cambio de moneda. Hay dos campos de texto allí: amount-source y amount-target.

Uno de ellos debe cumplimentarse y solo uno.

¿Cómo implementar esto utilizando validadores, si corresponde?

Answer 1

Puede utilizar validadores personalizados para esto:

<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> 

del lado del servidor:

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

Si estás usando jQuery favor comente ... todo esto puede ser mucho más limpio.

Answer 2

Implementaré un Validador personalizado y decoraré ambos TextBoxes con él. Si ambos están llenos, ambos están en un estado de error.