So führen Sie eine Validierung nur auf die Schaltfläche Klicken oder " Input:Submit

Bin ich mit dem Update-Panel in meiner asp-Seite, und ich Tue, JQuery Validierung, die auf der Asynchronen Postback...

Möchte ich nur bestätigen meine form nur auf button-Klicks oder sendet...
Mein problem ist..alle meine Schaltflächen sind in verschiedenen formviews und nicht Last für eine Zeit...das ist, warum ich bin nicht in der Lage, die button-id ' s und verwenden Sie das click-events..hier ist mein code..

 Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(ValidateMyForm);
 function ValidateMyForm(sender, args) {
            var objPost = args.get_postBackElement();
            if (objPost === null || objPost === undefined) return;
            if (objPost.id == '<%= ((Button)(formViewinfo.FindControl("btnUpdate"))).ClientID %>') {
                $('#pnlerrors').fadeOut('fast');
                $('#pnlItemErrors').fadeOut('fast');

                var isValid = $('#form1').validate({
                    errorClass: 'error',
                    invalidHandler: function (e, validator) {
                        var errors = validator.numberOfInvalids();
                        if (errors) {
                            $('#pnlerrors').html('<p>&nbsp;Please correct the errors  </p>').fadeIn('fast');
                            document.location.href = '#pnlerrors';
                        }
                    }, submitHandler: function () {

                    }
                }).form();

                if (!isValid) {
                    CancelPostback(sender, args);
                } else {

                }

            }
            //this is for rest of buttons
            else {
                $('#pnlItemErrors').fadeOut('fast');
                $('#pnlerrors').fadeOut('fast');
                var isValid = $('#form1').validate({
                    errorClass: 'error',
                    invalidHandler: function (e, validator) {
                        var errors = validator.numberOfInvalids();
                        if (errors) {
                            $('#pnlerrors').fadeOut('fast');
                            document.location.replace('#', '#pnlItemErrors');
                            $('#pnlItemErrors').html('<p>&nbsp;Please correct the errors </p>').fadeIn('fast');
                            document.location.href = '#pnlItemErrors';
                        }
                    }, submitHandler: function () {
                    }
                }).form();

                if (!isValid) {
                    CancelPostback(sender, args);
                } else {

                }

            }
        }

Alles was ich tun möchte ist: 2. mal die Validierung nur auf die Schaltfläche senden nicht für alles...ich bekomme andere postbacks auf dieser Seite und diesen post Rücken wird auch überprüft jedes mal (will ich Vermeiden)...

Ich nicht wissen, dass dieser Ansatz gut ist oder nicht...ich bin mit diesen zu kämpfen, von der lange Zeit..die ich wirklich zu schätzen, dass du helfen...

Für die Klarheit, die Sie auslösen möchten Validierung nur wenn ein submit Taste gedrückt wurde?
ja..ich will trigger auf den button klicken...wenn Sie sehen, dass mein code..ich bin der überprüfung der objargs.id ersten mal mit einem button id..ich muss es tun mit allen anderen Tasten die ich habe ..aber das problem ist, die Tasten nicht geladen wird an der Zeit...dann sind innerhalb einer asp.net formview...was ich will ist..wenn es möglich ist kann ich eine css-Klasse für alle buttons und dann muss ich schauen (.btnupdate).klicken Sie auf true ist dann zu validieren, sonst nicht..ich hoffe u verstehst was ich meine..vielen Dank..

InformationsquelleAutor Sunny43 | 2010-11-24

1

Auf der Annahme, dass Sie nicht möchten, das Formular zu senden, wenn jemand drückt die enter-Taste, und, dass Sie nur wollen, senden Sie das Formular nach drücken einer submit - Taste:
```
$(document).ready(
    function(){
        $('form').keypress(
            function(event){
                if (event.keyCode == '13'){

                    return false;
                }
            });
        $('input:submit').click(
            function(){
                $(this).closest('form').submit();
            });
        $('form').submit(
            function(){
                $('#success').text('form submitted! (Not really...)');
                return false;
                //Just to stop the error messages
                //in this demo.
            });
    });
```
Es gibt eine JS-Fiddle-demo, hier: http://jsfiddle.net/davidThomas/5PaWz/.

Wenn ich mich nicht Irre in meinen Vermutungen, hinterlassen Sie bitte einen Kommentar und ich werde versuchen, mich korrigieren.
- hmm..Nein..ich habe 3 update-buttons auf meiner Seite..ich brauche, um zu überprüfen für diese drei Schaltflächen...da bin ich mit dem update-panel sein, immer überprüfen Sie die Seite, auf der jeder Teil-Beitrag zurück..ich will nicht zu tun, eine Validierung auf jeder Teil-Beitrag zurück..nur für die button-Klicks...es ist trotzdem zu prüfen, wenn die (- Taste.klicken)== true {überprüfen} else keine Validierung..danke für deine Hilfe...
- So wird nur überprüfen auf einen button-Klick? Wenn ja, welche Art von buttons verwenden Sie? <input type="submit" />, <button type="submit"></button> oder eine andere Art?
- seine asp.net Tasten..ich will nur, es zu tun mit cssclasss.ist es möglich? danke...
- Ich fürchte, ich habe wenig bis keine Erfahrung in der Arbeit, oder etwas zu tun, viel mit asp.net, also kann ich nicht wirklich raten, die Sache tut mir Leid, das zu sagen. Werde ich re-tagge deine Frage mit 'asp.net" (oder ähnlich) zu sehen, ob jemand kompetent helfen kann.
- Vielen Dank David..das ist wirklich tötet mich...dankbar für Ihre Hilfe...
InformationsquelleAutor David Thomas
1

wenn Ihr problem ist nur darum, die Tasten haben zu müssen Validierungen dann
ein Weg, um dieses ist, um eine Klasse für die Schaltflächen, die Sie auslösen möchten Validierung, zum Beispiel :
```
<asp:button id="btn1" cssclass="Validate"/>
```
dann können Sie packen all diese Knöpfe in JQuery:
```
var buttons = $('.Validate');
```
bekommen jede Schaltfläche id:
```
$(buttons).each(function(){
   var id = this.id;
});
```
- Ich möchte überprüfen, ob seine eine Schaltfläche klicken, bestätigen Sie anschließend... Den code Unten tun, eine Validierung auf die Schaltfläche Id..wenn ich die button-Id mit dem code mein problem ist gelöst...ich will nicht zu tun, die Findcontrol() auf jeden formview... Kann ich Button-Id mit CssClass der Taste...vielen Dank für Ihre Antwort.. ich will, um zu überprüfen objpost.Id = Button Id var objPost = args.get_postBackElement(); if (objPost === null || objPost === undefined) return; if (objPost.id == '<%=((Button)formViewinfo.FindControl("btnUpdate"))).ClientID %>')
- oder Wenn ich überprüfen kann, Wenn ((- Tasten).klicken")=wahr.. bei mir auch klappt.. wollen einfach Nur, um zu überprüfen, gibt es eine Schaltfläche angeklickt ist oder nicht..
- im nicht sicher, ob diese Bearbeiten hilft, ich habe gerade zeigte, wie man die button-id
- hast u prüfen, ob 'das' ist richtig, eine Taste
- zu prüfen, wie das klicken auf eine Schaltfläche in der form..wenn Ihr eine Schaltfläche klicken, ich gehe voran führen die Validierung sonst weiß ich nicht..danke für Ihre Antwort..
- ja ur Recht..'diese' nicht-Knopf..die leere..vielen Dank..
- versuchen Sie dann $('.Validate").jeder... statt $(buttons).jeder...
- ja, ich habe es..Id..ich Teste es mit meinem code..vielen Dank..
- oh..diese ID bei mir nicht funktioniert und immer unter den ersten button id..
- habe noch die validate-Klasse auf alle Tasten?
InformationsquelleAutor Ali Tarhini
1

ohh..Gott endlich die Lösung gefunden für mein problem...Erstmal mein entschuldigt, wenn meine Frage nicht klar....

Meiner überprüfung arbeitet an asynchronen post Rücken...ich möchte nur bestätigen meine form auf den button klickt..ich habe ein asp.net grid-Ansicht in meiner Seite..wenn ich auf paging oder etwas auf das Gitter, es feuert Validierung...das will ich vermeiden..

für das was ich getan habe ist...ich bin die Erfassung der postback-element mit der folgenden Anweisung.
```
var objPost = args.get_postBackElement();
```
dann bin ich der überprüfung für den Typ..
```
if (objpost.type == 'submit') { do validation }
else { don't }..
```
damit endet mein 2Tage Kampf...
vielen Dank Ihre Unterstützung und Hilfe...
- Klicken Sie auf die leere Kontrollkästchen neben dieser Antwort, ob das wirklich Ihre endgültige Lösung, und es würde nicht Schaden, formatieren Sie den code inside ` markiert.
InformationsquelleAutor Sunny43

Versuchen anderen Ansatz.
Verwenden asp.Net Button mit UseSubmitBehavior=true für die Einreichung
und verwenden asp.Net Button mit UserSubmitBehavior=false für Schaltflächen, die Sie nicht wollen, dass Sie, um das Feuer der Validierungsprozess, den. fügen Sie diesen folgenden code zu Ihrem Formular

function ValidateForm()
{   
   var errors ="";
   if (typeof(Page_ClientValidate) == 'function') 
   {
        if (typeof (Page_ClientValidate) == 'function') { Page_ClientValidate();     } 
        if (!Page_IsValid)
        {                        
               for (i = 0; i < Page_Validators.length; i++) {         
                var inputControl = document.getElementById(Page_Validators[i].controltovalidate);               
                if (!Page_Validators[i].isvalid) {                                                        
                    errors = errors + ";" +  Page_Validators[i].errormessage;
                    inputControl.style.border ="solid 2px #FF0000";
                }                        
              }
        }    

        return Page_IsValid;
  }
  return true; 
}

$(document).ready(function(){  
/*********************************************************************/
///handle form submittion and run validation prior to that 
///if a textbox has required field validator, stop form submittion and
///highlight the text box
/*********************************************************************/                            
  $('#form1').submit(function(){                                                
       return   ValidateForm(); 
       });

danke sid..meine Lösung funktioniert Prima..und dir auch gut Aussehen..werde ich versuchen..vielen Dank nochmal...

InformationsquelleAutor Sid C

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.