     <div class=" form-group">
       <label class="col-sm-2 control-label" for="editPosition">Start</label>
       <div class="col-sm-9">
-        <input type="text" id="editPosition" name="editPosition" value="0, 0, 0" class="form-control">
+        <input
+          type="text"
+          id="editPosition"
+          name="editPosition"
+          placeholder="x, y, z"
+          title="x, y, z"
+          pattern="(\\s*\\d+\\s*,){2}(\\s*\\d+\\s*)"
+          value="0, 0, 0"
+          required=true
+          class="form-control">
         <span class="help-block errors"></span>
       </div>
     </div>

          parseInt( number.trim() )
        )
      # split string by comma delimiter, trim whitespace and cast to integer
      boundingBox : _.map(@ui.boundingBox.val().split(","), (number) ->
          parseInt( number.trim() )
        )
    )

    # trigger selection view to update the model as well

    <div class=" form-group">
      <label class="col-sm-2 control-label" for="boundingBox">Bounding Box</label>
      <div class="col-sm-9">
        <span class="help-block hints"></span>
        <input
          type="text"
          id="boundingBox"
          name="boundingBox"
          placeholder="topLeft.x, topLeft.y, topLeft.z, width, height, depth"
          pattern="(\\s*\\d+\\s*,){5}(\\s*\\d+\\s*)"
          title="topLeft.x, topLeft.y, topLeft.z, width, height, depth"
          value="0, 0, 0, 0, 0, 0"
          required=true
          class="form-control">
        <span class="help-block errors"></span>
      </div>
    </div>
