Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery.min.js"></script>
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <script src="https://rawgit.com/angular/bower-angular/master/angular.min.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Lesson</title>
</head>
<body ng-app="myApp">
  
  <div class="container" ng-controller="myCtrl">
        
    <form class="form" ng-submit="sendForm(form)" novalidate> 
     <div class="form-group">
       <input type="text" name="uTitle" ng-model="form2.title" class="form-control" placeholder="Write here" required="">  
     </div>  
     
      <div class="form-group">
        <button type="submit" class="btn btn-info" >Save</button>  
     </div> 
      
    <div class="well text-danger">
      <span ng-show="form.uTitle.$error.required">Title cannot be blank!</span>
    </div> 
    </form>  
   
    <div class="well">
      {{ form | json }}
    </div>
  </div> 
​
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
gmitticapro
0viewers