Jquery将输入属性密码更改为文本

时间:2016-04-11 02:02:43

标签: javascript jquery html

我是一名jQuery初学者,我需要你的帮助才能解决我一周的问题。 我有一张(登录,密码,按钮)表,如下图所示。 我想显示隐藏密码只有5秒然后再次隐藏它,这只是单击按钮的行。 问题: - 单击一个按钮时,一切正常。 - 当点击另一个按钮时,也会显示第一个密码。有人可以帮我解决这个问题吗?

	$(document).ready(function() {
	//--------------------------------------
	$("table input[type='button']").on("click",function() {
	var element_td = $(this).parent('td');
	var element_tr = element_td.parent('tr');	
	var element_input = element_tr.find("input[type='password']");
	$("#form-inner").show();
	//--------------------------------------
	function truePswd(password) {
		var password = $('#password').val();
		if (password == '') {
		alert ("Empty password");
		return false;
		}
		else
		{
		return true;
		}
	}
	$("#ok").on("click",function() {

	//----------------------------------------
	var result =truePswd (password);
    if (result == true) {
		var password = $('#password').val();
		$.ajax ({
		type : 'POST',
		cache : 'false',
		url : 'process.php',
		data : 'password ='+password,
		success : function(data) {
		$("#form-inner").hide();

		if(data = 'ok') {

		element_input.addClass('evidence');
		element_input.attr('type', 'text');	
		
	//-----------------------------------------
		setTimeout(function() {
		element_input.removeClass('evidence');
		element_input.attr('type', 'password');	
			
		}, 
		10000
		);
	//-----------------------------------------
		}
		},
		error : function() {
		alert("Error Ajax request");
		}
		});
		}
	});
	});

	//------------------------------------------
	});
		<table>
			<thead>
			<tr>
				<td>login</td>
				<td>password</td>
				<td>action</td>
			</tr>
			</thead>
			<tbody>
			<tr id="1">
				<td>admin</td>
				<td>
					<input type="password" value="n1mD@_!21&$"/>
				</td>
				<td>
					<input type="button" value="show password"/>
				</td>
			</tr>
			<tr id="2">
				<td>lynxus</td>
				<td>
					<input type="password" value="l1ncSU$"/>
				</td>
				<td>
					<input type="button" value="show password"/>
				</td>
			</tr>
			<tr id="3">
				<td>zeus76</td>
				<td>
					<input type="password" value="d1L&m@4_714"/>
				</td>
				<td>
					<input type="button" value="show password"/>
				</td>
			</tr>
			</tbody>
		</table>

enter image description here

0 个答案:

没有答案