SOURCE

console 命令行工具 X clear

                    
>
console
function md5encode() {
  $("#estr").val(CryptoJS.MD5($("#str").val()));
}

function Empty() {
  document.getElementById('str').value = '';
  document.getElementById('estr').value = '';
  document.getElementById('str').select();
}

function GetFocus() {
  document.getElementById('str').focus();
}
<div class="panel panel-default">
  <div class="panel-heading">
<div class="media">
<div class="media-body">
<h4 class="media-heading">MD5加密解密</h4> 
</div>
</div>
</div>
  <div class="panel-body">
    <div class="input-group">
      <span class="input-group-addon" id="basic-addon1">
        加密前
      </span>
      <input type="text" class="form-control" id="str" placeholder="要加密的文本"
      aria-describedby="basic-addon1">
    </div>
    <div class="input-group" style="margin-top: 20px;">
      <span class="input-group-addon" id="basic-addon1">
        加密后
      </span>
      <input type="text" class="form-control" id="estr" placeholder="加密后的文本"
      aria-describedby="basic-addon1">
    </div>
    <div class="btn-group" role="group" aria-label="..." style="margin-top: 20px;">
      <button type="button" class="btn btn-primary" onclick="md5encode();">
        MD5加密
      </button>
      <button type="button" class="btn btn-danger" onclick="Empty();">
        清空结果
      </button>
    </div>
  </div>
  <input type="hidden" id="encode" value="1" />
  <div class="panel-footer">
  </div>
</div>

本项目引用的自定义外部资源