Need help to validate with jquery

Need help to validate with jquery

  1.  It work fine but it also add null value need hell to validate
  1. Form HTML file
  2. <div class="Addform AddP_show">
        <input type="button" class="btn btn-success" value="View Project">
            <a href="#" class="close1">[ X ]</a>
            <form action="Add_pro_exec.php" method="POST" name="Addproject" id="Addpro" class="form-horizontal">
            <div class="form-group">      
                <label for="ProjectName" class="col-sm-2 control-label">Project Name:</label>      
                <div class="col-sm-6">         
                    <input type="text" class="form-control" name="ProjectName" placeholder="Enter Project Name" required="required">     
                </div>   
            </div>
            <div class="form-group">      
                 <label for="ProjectType" class="col-sm-2 control-label">Project Type:</label>      
                 <div class="col-sm-6">         
                     <input type="text" class="form-control" name="ProjectType" placeholder="Enter Project Type" required="required">     
                 </div>   
             </div>
            <div class="form-group">      
                 <label for="Location" class="col-sm-2 control-label">Location:</label>      
                 <div class="col-sm-6">         
                     <input type="text" class="form-control" name="Location" placeholder="Enter Location" required="required">     
                 </div>   
             </div>
            <div class="form-group">      
                 <label for="Status" class="col-sm-2 control-label">Project Status:</label>      
                 <div class="col-sm-6">         
                     <input type="text" class="form-control" name="ProjectStatus" placeholder="Enter Project Status" required="required">     
                 </div>   
             </div>
            <div class="form-group">      
                 <label for="Description" class="col-sm-2 control-label">Description:</label>      
                 <div class="col-sm-6">         
                     <input type="text" class="form-control" name="Description" placeholder="Enter Description" required="required">     
                 </div>   
             </div>
            <div class="form-group">      
                <div class="col-sm-offset-2 col-sm-10">         
                    <input type="submit" class="btn btn-primary" id="insertPro" value="Add">
                    <input type="reset" class="btn btn-default" value="Clear">
                </div>   
            </div>                  
    </form>
            <div class="output" id="result"> </div>
    </div>
  1. php File
  2. <?php

    include_once './sessionchecker.php';
    ?>
    <?php
    include_once './Dbconnection.php';

    $ProName = $_POST['ProjectName'];
    $ProType = $_POST['ProjectType'];
    $location = $_POST['Location'];
    $ProStatus = $_POST['ProjectStatus'];
    $Descr = $_POST['Description'];
    $UserName = $_SESSION['login_user'];

    $query = "INSERT INTO project (P_ID, ProjectName, ProjectType, Location, Status, Description, UserName)
    VALUES('','$ProName', '$ProType', '$location', '$ProStatus', '$Descr', '$UserName')";
               
    mysql_query($query) or die(mysql_error());
    mysql_close();
    echo 'succes';
    ?>
  3. JS File
  4. $('#Addpro').submit(function(){
                return false;
    });



    $('#insertPro').click(function(){
        $.post(
            $('#Addpro').attr('action'),
            $('#Addpro :input').serializeArray(),
            function(result){
                $('#result').html(result).fadeOut(500);
                $('#Addpro')[0].reset();
               
        });
    });