gpt4 book ai didi

javascript - 按钮禁用,除非两个输入字段都有值

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:06:03 28 4
gpt4 key购买 nike

我的页面上有一个带有两个输入字段和一个提交按钮的表单,我希望“提交”按钮禁用,直到两个输入字段上都有值为止.当且仅当两个字段中都输入了值时,该按钮才可点击。

如何用js和jQuery来实现?

这是我的页面:

<html>
<body>
<form method=post>
<input type=text id='first_name'>
<input type=text id='second_name'>
<input type=submit value=Submit>
</form>
</body>
</html>

我想同时拥有 js 和 jQuery 解决方案

最佳答案

这是一个使用 jQuery 的解决方案:

HTML(注意我在提交按钮上添加了一个 id):

<form method=post>
<input type="text" id="first_name">
<input type="text" id="second_name">
<input type="submit" value="Submit" id="submit" disabled>
</form>

JavaScript/jQuery:

$(':text').keyup(function() {
if($('#first_name').val() != "" && $('#second_name').val() != "") {
$('#submit').removeAttr('disabled');
} else {
$('#submit').attr('disabled', true);
}
});

工作示例:http://jsfiddle.net/nc6NW/1/

关于javascript - 按钮禁用,除非两个输入字段都有值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5248159/

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