使用jQuery让input的password类型转为text类型，即让密码可见。但是提取密码的时候该怎么提取它的值。 30
在使用密码可见这个功能的时候我用隐藏的text型input代替password类型，但是结果应该怎么提取才是最终用户输入的密码呢。因为text和password切换来切换...
在使用密码可见这个功能的时候我用隐藏的text型input代替password类型，但是结果应该怎么提取才是最终用户输入的密码呢。因为 text 和 password 切换来切换去的。不知道应该是提取text的值 还是踢去 password的值，有大神能给个思路吗？
展开
6个回答
展开全部
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的<script>标签，输入jquery代码：$('body').append($('#a').val());。
3、浏览器运行index.html页面，此时能成功通过不变的id提取到文本或密码输入框的值。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="jquery-1.7.1.min.js"></script>
<script>
//点击多选框切换text和password的隐藏和显示
function showHidePassword() {
$("#text").toggle();
$("#password").toggle();
}
//text框失去焦点把text框的值赋值给password框
function textBlur() {
$("#password").val($("#text").val());
}
//password框失去焦点把password框的值赋值给text框
function passwordBlur() {
$("#text").val($("#password").val());
}
</script>
</head>
<body>
<form >
<input type="password" name="password" id="password" onblur="passwordBlur()"/>
<input type="text" id="text" style="display:none" onblur="textBlur()"/>
<input type="checkbox" onclick="showHidePassword()"/>显示密码
<input type="submit" value="提交"/>
</form>
</body>
</html>
PS：只要你在用户更改密码后把text框和password的值变成一样，那么你最终取哪个框的值都是一样的
18:51修改
1、jquery引用地址要正确
2、第一次发的代码因为百度编辑器的问题，遇到超链接自动加<a>(第一次代码的第2行)，其实那行不要也是可以的，下面是删除后的代码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="jquery-1.7.1.min.js"></script>
<script>
//点击多选框切换text和password的隐藏和显示
function showHidePassword() {
$("#text").toggle();
$("#password").toggle();
}
//text框失去焦点把text框的值赋值给password框
function textBlur() {
$("#password").val($("#text").val());
}
//password框失去焦点把password框的值赋值给text框
function passwordBlur() {
$("#text").val($("#password").val());
}
</script>
</head>
<body>
<form >
<input type="password" name="password" id="password" onblur="passwordBlur()"/>
<input type="text" id="text" style="display:none" onblur="textBlur()"/>
<input type="checkbox" onclick="showHidePassword()"/>显示密码
<input type="submit" value="提交"/>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
假设这么一个密码输入框
<input type="password" id="password_input" name="password" />
想要密码可见就把type设为text
想要密码不可见就把type设为password
取的时候都一样，比如表单提交的话就都是password的值
如果是jquery的话，那就是$('#password_input').val();
<input type="password" id="password_input" name="password" />
想要密码可见就把type设为text
想要密码不可见就把type设为password
取的时候都一样，比如表单提交的话就都是password的值
如果是jquery的话，那就是$('#password_input').val();
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两个值都是一样的啊；没区别。放心去得
var input=$('[name="password"]');
$("#see").click(function(){
var changeType=input.attr("type")=="text"?"password":"text";
input.attr("type",changeType);
});
alert(input.val())
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(":password").val()
追问
。。。。。这还用你说啊 你把我问题想得那么简单
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
