2009-10-31 4 views
1

dans mon application j'ai un formulaire où l'utilisateur entre leur nom d'utilisateur d'abord. maintenant je devrais vérifier si ce nom d'utilisateur est avilable ou non j'ai wtitten une méthode "username" qui fait ceci qui renvoie vrai ou faux comme type de retour. ici je fais en utilisant jQuery avec ajax pour réaliser ce concept. une fois que l'utilisateur saisit ce nom et quand il va pour la deuxième zone de texte pour taper ce code devrait être exécuté et lui donner le résultat comme une pop-up [moda popup]. si la valeur de retour est true à partir de la méthode "nom d'utilisateur" du nom d'utilisateur est déjà utilisé besoin d'afficher le message "nom d'utilisateur alredy en cours d'utilisation" si la valeur renvoyée est false "inutile d'afficher"méthode côté serveur appelant dans JQuery dans asp.net

maintenant mon code ressemble à ceci

<head> 
    <title>Calling an ASP.NET Page Method with jQuery</title> 
    <script type="text/javascript" src="jquery-1.2.6.min.js"></script> 
<script type="text/javascript"> 

     $(document).ready(function() {  
      $.ajax({  
       type: "POST",  
       url: "Default.aspx/Username",  
       contentType: "application/json; charset=utf-8",  
       data: "{}",  
       dataType: "json",  
       success: OnSuccess,  
       error: OnFailure  
      });  
    }); 

     function OnSuccess(result) 
     { 
     // so here i need to check whethere true or false 
     // based on that i need to show modal pop up 
      alert("Success!");  
     } 

     function OnFailure (result)  
     { 
      alert("The call to the page method failed.");  
     }  
    </script>  
</head> 

une solution sur ce serait grand merci

Répondre

2
<asp:TextBox id="txtUserName" runat="server"/> 
<div id="divPrompt" style="display:none">User Name alredy in use</div> 
<input id="otherText"...../> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#<%= txtUserName.ClientID%>").blur(function(){ 
     $.ajax({  
       type: "POST",  
       url: "Default.aspx/Username",  
       contentType: "application/json; charset=utf-8",  
       data: "{}",  
       dataType: "json",  
       success: function (msg){ 
        if(msg.hasOwnProperty("d")){ 
        OnSuccess(msg.d); 
        } else{ 
        OnSuccess(msg); 
        } 
       }, 
       error: OnFailure 
      });  
    }); 
}); 

    function OnSuccess(result) 
    { 
    if(result.UserNameInUser) 
     $("div#divPrompt").show(); 
    else 
     $("div#divPrompt").hide(); 
    } 

    function OnFailure (result)  
    { 
     alert("The call to the page method failed.");  
    }  
</script> 
Questions connexes