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>