gpt4 book ai didi

用于切换密码和文本类型的 Javascript 不起作用

转载 作者:行者123 更新时间:2023-11-28 01:14:29 24 4
gpt4 key购买 nike

我正在尝试使用 javascript 来切换输入类型=“密码”和“文本”以显示密码或隐藏密码。但它非常适合 One Field。但不适用于 3 个字段。

当用户选中“显示密码”选项时,它会被设置为 type="text",并且用户可以看到密码而不是点。但是当用户取消选中显示密码选项时,它不会被设置为 type="password"

代码如下:

在头部部分 -->>

<script>
function changeType()
{
document.form_signup_info.old_password.type=(document.form_signup_info.option.value=(document.form_signup_info.option.value==1)?'-1':'1')=='1'?'text':'password';
}
function changeType1()
{
document.form_signup_info.new_password.type=(document.form_signup_info.option.value=(document.form_signup_info.option.value==1)?'-1':'1')=='1'?'text':'password';
}
function changeType2()
{
document.form_signup_info.cpassword.type=(document.form_signup_info.option.value=(document.form_signup_info.option.value==1)?'-1':'1')=='1'?'text':'password';
}
</script>

在正文部分 -->>

<label>Old Password :</label>
<input type="password" name="old_password" id="old_password" placeholder="Old Password*">
<label><input type="checkbox" name="option" value='-1' onchange="changeType()" />Show Old Password</label>


<label>New Password :</label>
<input type="password" name="new_password" id="new_password" placeholder="New Password*">
<label><input type="checkbox" name="option" value='-1' onchange="changeType1()" />Show New Password</label>


<label>Confirm New Password :</label>
<input type="password" name="cpassword" id="cpassword" placeholder="Confirm New Password*">
<label><input type="checkbox" name="option" value='-1' onchange="changeType2()" />Show Confirm Password</label>

最佳答案

我为每个字段设置了不同的选项,它运行得很好。我的新代码如下..

 <script>
function changeType()
{
document.form_signup_info.old_password.type=(document.form_signup_info.option.value=(document.form_signup_info.option.value==1)?'-1':'1')=='1'?'text':'password';
}
function changeType1()
{
document.form_signup_info.new_password.type=(document.form_signup_info.option1.value= (document.form_signup_info.option1.value==1)?'-1':'1')=='1'?'text':'password';
}
function changeType2()
{
document.form_signup_info.cpassword.type=(document.form_signup_info.option2.value=(document.form_signup_info.option2.value==1)?'-1':'1')=='1'?'text':'password';
}
</script>



<label>Old Password :</label>
<input type="password" name="old_password" id="old_password" placeholder="Old Password*">
<label><input type="checkbox" name="option" value='-1' onchange="changeType()" />Show Old Password</label>


<label>New Password :</label>
<input type="password" name="new_password" id="new_password" placeholder="New Password*">
<label><input type="checkbox" name="option1" value='-1' onchange="changeType1()" />Show New Password</label>


<label>Confirm New Password :</label>
<input type="password" name="cpassword" id="cpassword" placeholder="Confirm New Password*">
<label><input type="checkbox" name="option2" value='-1' onchange="changeType2()" />Show Confirm Password</label>

关于用于切换密码和文本类型的 Javascript 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24004859/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com