modal form

Modal

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
 <div id="d_name_modal_div" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="d_name_modal_label" aria-hidden="true">
      <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="d_name_modal_label">Dashboard Name</h3>
      </div>
      <div class="d_name_modal_body">
        <p>Enter name of the dashboard you want to add this graph to :-</p>
        <p>
          <label>Dashboard Name:</label>
            {{form1.dashboard_name}}
        </p>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button id="d_name_modal_submit" class="btn btn-primary">Submit</button>
      </div>
  </div>

<input type="image" value="Add to Dashboard" id="add_to_dash" height=40 width=40> </input>

JavaScript

function dashboard_submit()
        {
          alert('dashboardsubmot');
          var dfd = new $.Deferred();
            dashboard_name='ram';
          $("#d_name_modal_div").modal({backdrop: false}).modal("show");
          dfd.resolve();
          return dfd;
        }


function wtf()
        {
          var dfd= $.Deferred();
         $('#d_name_modal_submit').on('click', function(){
                dashboard_name=$('#dashboard_name').val();
                alert(dashboard_name);
                if(dashboard_name==null || dashboard_name.trim()=='')
                {
                  alert('Dashboard name is mandatory.');
                  return false;
                }
                else
                {
                  dfd.resolve();
                  alert('success');
                  return dfd;
                }
           });
        }
    
    




 $('#add_to_dash').click(function(e){

         alert('addtodashstart');
         dashboard_submit().done(function(){
                 wtf();
         });
     /*
     $.when(dashboard_submit()).then(function(){
      wtf();
    });
    */
          alert('addtodashend');
});