Jeditable - Bootstrap

Jeditable - Bootstrap

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//rawgit.com/tuupola/jquery_jeditable/master/jquery.jeditable.js"></script>
<div class="edit_area">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae officiis reprehenderit tempora rerum quaerat sed totam recusandae sint doloremque perspiciatis omnis illum facilis odio perferendis quibusdam sequi ab consectetur repudiandae.</div>

JavaScript

$('.edit_area').editable('http://www.example.com/save.php', {
         type: 'textarea',
         name   : 'txt_area',
         cancel: '<button class="btn btn-danger" type="cancel" >Cancel</button>',
         submit: '<button class="btn btn-success" type="submit" id="btn_submit" >Ok</button>',
         submitdata : function(e) {
         	    var $txt_area=$("textarea[name='txt_area']").val();
              var re=/\w+/g;
              if (re.test($txt_area)){
                 alert("不能有 '/' 或 '?' 的特殊符號喔！");
                 return false;
              }
         }
    });