gpt4 book ai didi

javascript - Jquery/Javascript 检查键盘触摸上的输入字段

转载 作者:行者123 更新时间:2023-11-30 07:13:16 25 4
gpt4 key购买 nike

我一直在 google 上寻找答案,但找不到我想要的。不确定我是否输入了错误的问题,但我会尽力解释。

我想要实现的是:一旦用户输入,我希望我的脚本运行,所以当两个密码相等时我的按钮启用。一旦密码彼此相等,该按钮将被启用。否则,该按钮将被禁用。

function test123() {
var pw1 = $('#pw1').val();
var pw2 = $('#pw2').val();

if (pw1 == pw2) {
console.log('Valid!');
} else {
console.log('Not valid!');
}

}
<div id='register-div'>
<form method='POST' action='javascript:test123()'>
<input name='username' type='text' placeholder='username'>
<input id='pw1' name='password' type='password' placeholder='password'>
<input id='pw2' name='password2' type='password'
placeholder='password_again'>
<button type='submit'><a> REGISTER </a></button>
</form>
</div>

最佳答案

为此,您可以绑定(bind)一个 input使用不显眼的 JS 事件到密码字段。如果使用 prop('disabled') 值匹配,则可以启用/禁用按钮,像这样:

$('#pw1, #pw2').on('input', function() {
var pw1 = $('#pw1').val();
var pw2 = $('#pw2').val();

$('button').prop('disabled', pw1 != pw2);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="register-div">
<form method="POST">
<input name="username" type="text" placeholder="username">
<input id="pw1" name="password" type="password" placeholder="password">
<input id="pw2" name="password2" type="password" placeholder="password_again">
<button type="submit" disabled="true">REGISTER</button>
</form>
</div>

另请注意,我删除了 <a>您放置在 <button> 中的元素,因为那不是有效的 HTML。

关于javascript - Jquery/Javascript 检查键盘触摸上的输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43732413/

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