Bootstrap Show Password

Bootstrap Show Password is a Show/hide password plugin for bootstrap. This plugin support bootstrap v2 and bootstrap v3.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="assets/bootstrap-v3/css/bootstrap.css" />
<script src="assets/jquery.min.js"></script>
<script src="assets/bootstrap-v3/js/bootstrap.js"></script>
<script src="password.js"></script>

2. HTML

<p><input id="password" class="form-control" type="password" value="123" placeholder="password" /></p>
<p><label><input id="methods" type="checkbox"/> Show password</label></p>

3. JAVASCRIPT

$(function() {
	$('#password').password().on('show.bs.password', function(e) {
		$('#eventLog').text('On show event');
		$('#methods').prop('checked', true);
	}).on('hide.bs.password', function(e) {
				$('#eventLog').text('On hide event');
				$('#methods').prop('checked', false);
			});
	$('#methods').click(function() {
		$('#password').password('toggle');
	});
});

4. OPTIONS

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-message="Show/hide password".

5. METHODS

.password('show')

Manually show the password.

$('#password).password('show');

.password('hide')

Manually hide the password.

$('#password).password('hide');

.password('toggle')

Manually toggle the password.

$('#password).password('toggle');

6. EVENTS

The plugin exposes a few events.

$('#password).on('show.bs.password', function (e) {

});