实现一个密码显示效果(非明文显示)
效果如下图所示,输入密码后鼠标点击其他地方,显示圆点代替
实现代码如下:
js扩展代码(function($){<br>
/**<br>
* datagrid扩展<br>
*/<br>
$.extend($.fn.datagrid.defaults.editors, {<br>
password: {<br>
init: function(container, options){<br>
return $('<input>').appendTo(container);<br>
},<br>
destroy: function(target){<br>
$(target).remove();<br>
},<br>
getValue: function(target){<br>
return $(target).val();<br>
},<br>
setValue: function(target, value){<br>
$(target).val(value);<br>
},<br>
resize: function(target, width){<br>
$(target)._outerWidth(width);<br>
}<br>
}<br>
});<br>
})(jQuery);
初始化 columns = [[<br>
{field: 'name', title: '名称', width: 80, sortable: true},<br>
{field: 'value', title: '参数', width: 200, sortable: false, formatter:function(value, arr){<br>
var editor = '';<br>
if(typeof arr.editor == 'object'){<br>
editor = arr.editor.type;<br>
}else{<br>
editor = arr.editor;<br>
}<br>
switch(editor){<br>
case 'password':<br>
return value.replace(/./g, '●');<br>
break;<br>
<br>
default:<br>
return value;<br>
}<br>
<br>
}}<br>
]];
AD:真正免费,域名+虚机+企业邮箱=0元

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Dreamweaver CS6
視覺化網頁開發工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

SublimeText3 Linux新版
SublimeText3 Linux最新版