Jquery validator

Jquery validator

I have done jquery validator on submit button..but how to make jquery validation on normal HTML button,which will avoid form submission till form validate

<html>
<head>
<title>Display Data In Database Using CodeIgniter</title>
<script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
    
 
});
   
   function getdata()
   {
       alert("ok");
        var grade_id =1;
            $.ajax({
                type: "POST",
                url: "<?php echo base_url(); ?>index.php/update_ctrl/show_using_jquery/"+grade_id, 
                data: { },
                success: function(result) 
                {
                    $.each(result, function(i,element){
                        alert(element.Student_Name);
                           
                    });
                }        
            });
   }
    
    </script>
 
</head>
<body>
<div id="container">
<div id="wrapper">
<h1>Display Data In Database Using CodeIgniter </h1><hr/><br>
 
<div id="detail">
<!-- Fetching All Details of Selected Student From Database And Showing In a Form -->
 
 
 
<?php echo validation_errors(); ?>
<form method="post" action="<?php echo base_url() . "index.php/update_ctrl/show_student_id"?>">
 
<label id="hide">ID :</label>
<input type="text" id="hide" name="did" ><br><br>
<label>Name :</label>
 
<left>
<input type="button" id="btnin" name="dsubmit" value="Display" onClick="getdata();">
<left>
</form>
 
</div>
</div>
</div>
</body>
</html>