ASP.NET Client-seitige Validierung auf textbox ohne postback

Ich bin mit ASP.NET und würde gerne die folgenden auf der client-Seite, weil ich nicht wollen, die Seite neu zu laden (will nicht postback). Ich möchte überprüfen, für die Benutzereingabe mit folgenden Bedingungen:

Gibt es 2 radiobuttons und 2 Textboxen und 1 button. So etwas wie dieses:
Benutzer markieren Sie den radiobutton, um zu aktivieren das Textfeld (Textfelder standardmäßig deaktiviert ist)
Wenn der Benutzer tick radiobutton 1, textbox1 aktiviert und textbox2 leer und deaktiviert, wenn der Benutzer auf den Knopf drücken und die textbox1 leer ist message1 zu aktivieren.
Gleiche gilt für den zweiten radiobutton-und textbox2.

Bearbeiten

Habe ich bemerkt, dass meine Taste ist in <asp:button> und nicht <input type="submit> daher läuft mein code hinter valdiate auf dem server. Korrigieren Sie mich, wenn ich falsch bin. Also, wie mache ich meine <asp:button> um Benutzereingaben zu überprüfen, ohne zu Durchlaufen haben, um die server?

Können Sie mir den code?
Meine Taste ist <asp:Button class="mybtn" ID="btn1" runat="server" Text="Submit" /> nicht <input type="submit">
Ich denke, dass die Frage ist: "Wie kann ich validade nur das Textfeld im Zusammenhang mit den ausgewählten radiobutton?", Bin ich richtig?
Ja, absolut. So muss ich ändern, meinen Titel?
Ich denke, es ist eine gute Idee... weil die Menschen verstanden Sie etwas anderes, wie Sie sehen können, die bei vorhergehenden Kommentare... oder können Sie erklären diese in der Frage selbst deutlicher machen.
Ich habe mir eine änderung. Hoffe auf feedback bald 🙂
Sie benötigen Hilfe bei der überprüfung oder Hilfe, wie wechselt den Zustand der text-Boxen? Ich gehe davon aus, das Sie überprüfen möchten, dass ein text in das Textfeld ein, wenn der radio-button aktiviert ist?
Ja ich will beides machen, aber auf der client-Seite ohne postback weil postback aktualisiert meine Seite.
Benötigen Sie weitere Hilfe mit diesem oder hat eine der Antworten, die dein problem gelöst?

InformationsquelleAutor 4 Leave Cover | 2013-07-23

asp.net javascript

18

Können Sie versuchen:
```
<asp:button onClientClick="return validateData();">
```
Und in der JavaScript-sollte es sein:
```
function validateData() {
    if (OK) {
        return true;
    } else {
        return false;
    }
}
```
return true wird Ihre Seite veröffentlicht werden zurück an den server, und return false wird verhindern, dass Ihre Seite aus zu tun. Hoffe, das hilft.

InformationsquelleAutor Phong Vo

Umgang mit der Validierung, die ich benutzen würde ASP.net eigene Prüfer und die Nutzung von jquery für die assis mit der client-seitige Validierung:

ASP.net aspx

<form id="form1" runat="server">
    <div>
        <div id="requiedCheck1" class="check">
           <asp:RadioButton ID="radio1" runat="server" GroupName="myGroup" />
           <asp:TextBox ID="text1" runat="server" Disabled="true"></asp:TextBox>
           <asp:CustomValidator
               ID="val1" runat="server" ErrorMessage="Please Enter Text" ClientValidationFunction="ValidateSomething" ControlToValidate="text1" ValidateEmptyText="true" ></asp:CustomValidator>
        </div>
        <div id="requiedCheck2" class="check">
           <asp:RadioButton ID="radio2" runat="server" GroupName="myGroup" />
           <asp:TextBox ID="text2" runat="server" Disabled="true"></asp:TextBox>
           <asp:CustomValidator
               ID="CustomValidator1" runat="server" ErrorMessage="Please Enter Text" ClientValidationFunction="ValidateSomething" ControlToValidate="text2" ValidateEmptyText="true"></asp:CustomValidator>
        </div>
        <asp:button ID="Button1" runat="server" text="Button" />

    </div>
</form>

Beachten Sie, dass ich ValidateEmptyText zu true.

js-Validierung Funktion

function ValidateSomething(sender, args) {

        args.IsValid = false;
        var parentDiv = $(sender).parent(".check");

        var radioChecked = $(parentDiv).find("input:radio").is(":checked");
        var hasText = $(parentDiv).find("input:text").val().length > 0;



        if (radioChecked) {
            args.IsValid = hasText;
        } else {
            args.IsValid = true;
        }

    }

Ich würde auch ein server-side validation-Methode zu.

Wenn Sie es wirklich wünschen, Sie sollten in der Lage sein, verdrahten Sie die radio-buttons zu. Dieses Feuer wird die Validierung, wenn der radiobuttons aktiviert sind

$(document).ready(function () {

    //Wire up the radio buttons to trigger validation this is optional
    $(".check input:radio").each(function () {
        ValidatorHookupControlID($(this).attr('id'), document.getElementById("<%= val1.ClientID %>"));
        ValidatorHookupControlID($(this).attr('id'), document.getElementById("<%= val2.ClientID %>"));
    }); 

    //jquery to change the disabled state
    $(".check :radio").click(function(){
        var parDiv = $(this).parent(".check"); //get parent div
        //empty text and set all to disabled
        $(".check input:text").val("").prop("disabled", true);

        //set target to enabled
        $(parDiv).find("input:text").prop("disabled", false);
     });           
});

Ich habe die jQuery javascript zum Umschalten der disabled-Status der text-Boxen. Sehen Sie den Knebel in Aktion hier: http://jsfiddle.net/cVACb/

InformationsquelleAutor Jon P

sollten Sie verwenden jquery für Ihre Zwecke :

<script>
    $(document).ready(function () {
        var Error = false;
        $("#RadioButton1").click(function () {
            $("#TextBox2").attr("disabled", "disabled");
            $("#TextBox1").removeAttr("disabled");
        });
        $("#RadioButton2").click(function () {
            $("#TextBox1").attr("disabled", "disabled");
            $("#TextBox2").removeAttr("disabled");
        });
        $("#Button1").click(function () {
            var TextBox1value = $("#TextBox1").val();
            var TextBox2value = $("#TextBox2").val();
            var TextBox1Disable = $("#TextBox1").attr("disabled");
            var TextBox2Disable = $("#TextBox2").attr("disabled");

            if ((TextBox1value == "") && TextBox1Disable != "disabled") {
                $("#Label1").text("text can not be empty");
                Error = true;
            }
            if ((TextBox2value == "") && TextBox2Disable != "disabled") {
                $("#Label2").text("text can not be empty");
                Error = true;
            }

        });


        $("#form1").submit(function (e) {
            if (Error) {
                alert("there are Some validation error in your page...!");
                e.preventDefault();
            }

        });

    });
</script>

body-Elemente sind :

<form id="form1" runat="server">
    <div>
    </div>
    <asp:RadioButton ID="RadioButton1" runat="server" GroupName="g1" /><asp:TextBox ID="TextBox1" runat="server" Enabled="False"></asp:TextBox><asp:Label ID="Label1" runat="server" ForeColor="Red"></asp:Label>
    <br />
    <asp:RadioButton ID="RadioButton2" runat="server" GroupName="g1" /><asp:TextBox ID="TextBox2" runat="server" Enabled="False"></asp:TextBox><asp:Label ID="Label2" runat="server" ForeColor="Red"></asp:Label>
    <br />
    <asp:Button ID="Button1" runat="server" Text="Button" />
</form>

InformationsquelleAutor Mahdi jokar

0

In deinem button-Steuerelement, fügen Sie einfach die folgenden snippet:
```
OnClientClick="if(Page_ClientValidate(ValidateSomething)){this.disabled=true;}"
```
Überprüfen Sie diesen link asp.net Deaktivieren Sie die Schaltfläche nach Klick unter Beibehaltung CausesValidation und ein OnClick-Methode

InformationsquelleAutor Ajay P
0

Wäre das hinzufügen einer validationgroup zu Ihrer Bestätigung, sowie die Schaltfläche, wo Sie versuchen, zu verwenden, da der trigger um zu überprüfen, die für die Validierung?

Validierung Gruppen sind wirklich einfach zu bedienen, sobald Sie den Dreh von Ihnen. Ich werde nicht Tauchen gehen in zu viele details über die Prüfungen aber wenn die information hilfreich wäre, kann ich immer fügen Sie es in die post. Hoffe, Sie hatten beschlossen Ihre Antwort.

InformationsquelleAutor Eric

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.