Execute
Save
Share
Share link
share
share
share
Team
Public Teams
Comments
0
Created By:
Guest
Title:
Password masking in jQuery
Title
Description
Edit
Copy Link
Login
Email *
Password *
Login
OR
Create Account
Screen Name *
Email *
Password *
Retype Password *
Team Access Code
Register
Public CodeBins
HELP
--Select Theme--
Ambiance
Blackboard
Cobalt
Eclipse
Elegant
Erlang-Dark
Lesser-Dark
Monokai
Neat
Night
Rubyblue
Vibrant-Ink
Xq-Dark
New CodeBin
CodeBins Versions
Password maskin- V.248
Password maskin- V.247
Password maskin- V.246
Password maskin- V.245
Password maskin- V.244
Password maskin- V.243
Password maskin- V.242
Password maskin- V.241
Password maskin- V.240
Password maskin- V.239
Password maskin- V.238
Password maskin- V.237
Password maskin- V.236
Password maskin- V.235
Password maskin- V.234
Password maskin- V.233
Password maskin- V.232
Password maskin- V.231
Password maskin- V.230
Password maskin- V.229
Password maskin- V.228
Password maskin- V.227
Password maskin- V.226
Password maskin- V.225
Password maskin- V.224
Password maskin- V.223
Password maskin- V.222
Password maskin- V.221
Password maskin- V.220
Password maskin- V.219
Password maskin- V.218
Password maskin- V.217
Password maskin- V.216
Password maskin- V.215
Password maskin- V.214
Password maskin- V.213
Password maskin- V.212
Password maskin- V.211
Password maskin- V.210
Password maskin- V.209
Password maskin- V.208
Password maskin- V.207
Password maskin- V.206
Password maskin- V.205
Password maskin- V.204
Password maskin- V.203
Password maskin- V.202
Password maskin- V.201
Password maskin- V.200
Password maskin- V.199
Password maskin- V.198
Password maskin- V.197
Password maskin- V.196
Password maskin- V.195
Password maskin- V.194
Password maskin- V.193
Password maskin- V.192
Password maskin- V.191
Password maskin- V.190
Password maskin- V.189
Password maskin- V.188
Password maskin- V.187
Password maskin- V.186
Password maskin- V.185
Password maskin- V.184
Password maskin- V.183
Password maskin- V.182
Password maskin- V.181
Password maskin- V.180
Password maskin- V.179
Password maskin- V.178
Password maskin- V.177
Password maskin- V.176
Password maskin- V.175
Password maskin- V.174
Password maskin- V.173
Password maskin- V.172
Password maskin- V.171
Password maskin- V.170
Password maskin- V.169
Password maskin- V.168
Password maskin- V.167
Password maskin- V.166
Password maskin- V.165
Password maskin- V.164
Password maskin- V.163
Password maskin- V.162
Password maskin- V.161
Password maskin- V.160
Password maskin- V.159
Password maskin- V.158
Password maskin- V.157
Password maskin- V.156
Password maskin- V.155
Password maskin- V.154
Password maskin- V.153
Password maskin- V.152
Password maskin- V.151
Password maskin- V.150
Password maskin- V.149
Password maskin- V.148
Password maskin- V.147
Password maskin- V.146
Password maskin- V.145
Password maskin- V.144
Password maskin- V.143
Password maskin- V.142
Password maskin- V.141
Password maskin- V.140
Password maskin- V.139
Password maskin- V.138
Password maskin- V.137
Password maskin- V.136
Password maskin- V.135
Password maskin- V.134
Password maskin- V.133
Password maskin- V.132
Password maskin- V.131
Password maskin- V.130
Password maskin- V.129
Password maskin- V.128
Password maskin- V.127
Password maskin- V.126
Password maskin- V.125
Password maskin- V.124
Password maskin- V.123
Password maskin- V.122
Password maskin- V.121
Password maskin- V.120
Password maskin- V.119
Password maskin- V.118
Password maskin- V.117
Password maskin- V.116
Password maskin- V.115
Password maskin- V.114
Password maskin- V.113
Password maskin- V.112
Password maskin- V.111
Password maskin- V.110
Password maskin- V.109
Password maskin- V.108
Password maskin- V.107
Password maskin- V.106
Password maskin- V.105
Password maskin- V.104
Password maskin- V.103
Password maskin- V.102
Password maskin- V.101
Password maskin- V.100
Password maskin- V.99
Password maskin- V.98
Password maskin- V.97
Password maskin- V.96
Password maskin- V.95
Password maskin- V.94
Password maskin- V.93
Password maskin- V.92
Password maskin- V.91
Password maskin- V.90
Password maskin- V.89
Password maskin- V.88
Password maskin- V.87
Password maskin- V.86
Password maskin- V.85
Password maskin- V.84
Password maskin- V.83
Password maskin- V.82
Password maskin- V.81
Password maskin- V.80
Password maskin- V.79
Password maskin- V.78
Password maskin- V.77
Password maskin- V.76
Password maskin- V.75
Password maskin- V.74
Password maskin- V.73
Password maskin- V.72
Password maskin- V.71
Password maskin- V.70
Password maskin- V.69
Password maskin- V.68
Password maskin- V.67
Password maskin- V.66
Password maskin- V.65
Password maskin- V.64
Password maskin- V.63
Password maskin- V.62
Password maskin- V.61
Password maskin- V.60
Password maskin- V.59
Password maskin- V.58
Password maskin- V.57
Password maskin- V.56
Password maskin- V.55
Password maskin- V.54
Password maskin- V.53
Password maskin- V.52
Password maskin- V.51
Password maskin- V.50
Password maskin- V.49
Password maskin- V.48
Password maskin- V.47
Password maskin- V.46
Password maskin- V.45
Password maskin- V.44
Password maskin- V.43
Password maskin- V.42
Password maskin- V.41
Password maskin- V.40
Password maskin- V.39
Password maskin- V.38
Password maskin- V.37
Password maskin- V.36
Password maskin- V.35
Password maskin- V.34
Password maskin- V.33
Password maskin- V.32
Password maskin- V.31
Password maskin- V.30
Password maskin- V.29
Password maskin- V.28
Password maskin- V.27
Password maskin- V.26
Password maskin- V.25
Password maskin- V.24
Password maskin- V.23
Password maskin- V.22
Password maskin- V.21
Password maskin- V.20
Password maskin- V.19
Password maskin- V.18
Password maskin- V.17
Password maskin- V.16
Password maskin- V.15
Password maskin- V.14
Password maskin- V.13
Password maskin- V.12
Password maskin- V.11
Password maskin- V.10
Password maskin- V.9
Password maskin- V.8
Password maskin- V.7
Password maskin- V.6
Password maskin- V.5
Password maskin- V.4
Password maskin- V.3
Password maskin- V.2
Password maskin- V.1
Compare Versions
Recent CodeBins
View All CodeBins
$(function() { //Extends JQuery Methods to get current cursor postion in input text. //GET CURSOR POSITION jQuery.fn.getCursorPosition = function() { if (this.lengh == 0) return -1; return $(this).getSelectionStart(); } jQuery.fn.getSelectionStart = function() { if (this.lengh == 0) return -1; input = this[0]; var pos = input.value.length; if (input.createTextRange) { var r = document.selection.createRange().duplicate(); r.moveEnd('character', input.value.length); if (r.text == '') pos = input.value.length; pos = input.value.lastIndexOf(r.text); } else if (typeof(input.selectionStart) != "undefined") pos = input.selectionStart; return pos; } //Bind Key Press event with password field $("#txtpwd").keypress(function(e) { setTimeout(function() { maskPassword(e) }, 500); }); $("#txtpwd").keydown(function(e) { if (e.keyCode == 8) { setTimeout(function() { maskPassword(e) }, 1); } }); }); function generateStars(n) { var stars = ''; for (var i = 0; i < n; i++) { stars += '*'; } return stars; } function maskPassword(e) { var text = $('#txthidden').val(); var stars = $('#txthidden').val().length; var unicode = e.keyCode ? e.keyCode : e.charCode; $("#keycode").html(unicode); //Get Current Cursor Position on Password Textbox var curPos = $("#txtpwd").getCursorPosition(); var PwdLength = $("#txtpwd").val().length; if (unicode != 9 && unicode != 13 && unicode != 37 && unicode != 40 && unicode != 37 && unicode != 39) { //If NOT <Back Space> OR <DEL> Then... if (unicode != 8 && unicode != 46) { text = text + String.fromCharCode(unicode); stars += 1; } //If Press <Back Space> Or <DEL> Then... else if ((unicode == 8 || unicode == 46) && stars != PwdLength) { stars -= 1; text = text.substr(0, curPos) + text.substr(curPos + 1); } //Set New String on both input fields $('#txthidden').val(text); $('#txtpwd').val(generateStars(stars)); } }
Bottom of Page
In Head
On Load
On Ready
Setting
Validate
Copy
Format
input{ border:1px solid #345699; } input:focus{ background:#ddd; }
Setting
Validate
Copy
Format
<div id="panel"> <input type="text" id="txtpwd" name="txtpwd" size="15"/> <input type="text" id="txthidden" name="txthidden" size="15"/> <div> KeyCode Pressed1: <span id="keycode"> </span> </div> </div>
No Doc Type
HTML5
HTML 4.01 Transitional
HTML 4.01 Strict
HTML 4.01 Frameset
XHTML 1.1
XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
Copy
Format
Download
×
Code Description
×
Difference of Versions
HTML
CSS
JS
×
JS Error
×
CSS Error
Errors
Warnings
×
JavaScript Setting
JS Libraries:
Chrome Frame 1.0.3
Dojo 1.8.0
Dojo 1.7.3
Dojo 1.7.2
Ext Core 3.1.0
jQuery 1.8.0
jQuery 1.7.2
jQuery 1.6.0
jQuery 1.5.0
jQuery 1.4.4
jQuery 1.4.0
jQuery-min 1.7.2
jQueryUI-min 1.8.21
MooTools more-1.4.0.1-full
MooTools core-1.4.5-full
MooTools core-1.4.1-full
Prototype 1.7.1.0
script.aculo.us 1.9.0
SWFObject 2.2
Twitter Bootstrap 2.0.4
WebFont Loader 1.0.28
yui 3.5.1
User Libraries:
Upload File
JavaScript URL(s):
×
CSS Setting
CSS Libraries:
jQueryUI 1.8.21
Twitter Bootstrap 2.0.4
User Libraries:
Upload File
CSS URL(s):