title: Cell Validation in ui-grid Angularjs
body: <p>I am working in Angular ui-grid Now I have a requirement where in once cell got check box and in another cell editable text box.</p>
  
  <p>The validation requirement should be if the check box is checked then the editable text box for that row is required field How can I do it.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="app"&gt;
    &lt;head&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-touch.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-animate.js"&gt;&lt;/script&gt;
      &lt;script src="http://ui-grid.info/docs/grunt-scripts/csv.js"&gt;&lt;/script&gt;
      &lt;script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"&gt;&lt;/script&gt;
      &lt;script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"&gt;&lt;/script&gt;
      &lt;script src="http://ui-grid.info/release/ui-grid.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css"&gt;
      &lt;link rel="stylesheet" href="main.css" type="text/css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
  &lt;div ng-controller="MainCtrl"&gt;
    &lt;div id="grid1" ui-grid="gridOptions" class="grid" ui-grid-edit ui-grid-cellnav&gt;&lt;/div&gt;
    &lt;br/&gt;
    &lt;br/&gt;
    &lt;button class="btn btn-default" ng-click="addUser()"&gt;Add row&lt;/button&gt;
  &lt;/div&gt;
  
  
      &lt;script src="app.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please look at the <a href="http://plnkr.co/edit/5jcuE0VdS9wBggxi05iQ?p=preview" rel="nofollow">pluncker</a> </p>