How to Prevent postback while jquery validation works in asp.net

See more:

C#

ASP.NET

Javascript

jQuery

Dear Experts,

I am Doing an asp.net project. And i need to validate the controls using jquery...

Here is my HTML Code...

 <form runat="server" class="input-wrapper blue-gradient glossy">
     
	<input type="text" name="login" id="login" value="" class="input-unstyled" placeholder="Login" autocomplete="off"></li>
	<input type="password" name="pass" id="pass" value="" class="input-unstyled" placeholder="Password" autocomplete="off"></li>
	
	<button type="submit" runat="server" onclientclick="javascript:MyFunction();" onserverclick="btn_Login_Click"  class="button glossy float-right" id="btn_Login">Login</button>
		
	
</form>

Here is my Javascript...

function MyFunction() {

           // Values
           var login = $.trim($('#login').val()),
               pass = $.trim($('#pass').val());

           // Check inputs
           if (login.length === 0) {
               // Display message
               alert('Please fill in your login');
               return false;
           }
           else if (pass.length === 0) {
              // Display message
               alert('Please fill in your password');
               return false;
           }
           else {

               return true;

           }

       }

Here is my C# Code

protected void btn_Login_Click(object sender, EventArgs e)
     {
         // code
     }

Actually I need to validate the control First.. If the validation sucess then only goes to code behind ....

When a user Textbox leaves blank then the validation works and don't start the postback...


PLease Help me to do this...

Thanks and Regards,

Dileep..