![](/img/trans.png)
[英]Using Inputmask jquery plugin default placeholder text not displayed
[英]Jquery placeholder plugin to display the password as text
對於登錄表單,我嘗試構建不帶任何標簽的表單,並使用占位符文本,以便用戶知道要輸入的內容。
問:如何修改以下代碼,以便密碼僅顯示占位符的可讀文本。
注意:我也在使用密碼掩碼插件,因此它的工作方式類似於iPhone。 完整示例為jsfiddle。
/**
* @preserve jquery.outofplace.js
* HTML5 placeholders for all browsers
* Copyright (c) 2010 timmy willison
* Dual licensed under the MIT and GPL licenses.
* http://timmywillison.com/licence/
*/
$.fn.outOfPlace = function (opts) {
opts = $.extend({
// Gives you control over the submit function if needed
// The default function removes the placeholder before
// submitting the form in case the field is not required client-side
submit: function () {
$(this).find('input, textarea').each(function () {
var $input = $(this);
if( $input.val() === $input.data('placeholder') ) {
$input.val('');
}
});
return true;
},
// The placeholder class for setting
// placeholder styles in your own css
// e.g. input.place { color: #666666; }
// This creates a lot more flexibility for you and
// keeps the js lightweight
placeClass: 'place'
}, opts);
/** Checks for browser autofill */
function check_autofill ( $input ) {
setTimeout(function() {
var v = $input.val();
if ( v === $input.data('placeholder') ) {
$input.addClass( opts.placeClass );
} else {
$input.removeClass( opts.placeClass );
}
}, 300);
}
return this.each(function () {
var $input = $(this),
defaultText = $input.attr('placeholder') || '';
// Set the placeholder data for future reference
$input.data('placeholder', defaultText);
// Attribute no longer needed
$input.removeAttr('placeholder');
// Focus and blurs, notice the class added and removed
$input.focus(function () {
if ( $input.val() === defaultText ) {
$input.val('').removeClass( opts.placeClass );
}
}).blur(function () {
if ( $.trim($input.val()) === '' ) {
$input.val( defaultText ).addClass( opts.placeClass );
}
}).blur()
// Bind the submit function
.closest('form').submit( opts.submit );
check_autofill( $input );
});
};
替換此位:
$('input:password').password123({
character: "●"
});
有了這個:
$('input:password')[0].type="text";
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.