gpt4 book ai didi

javascript - 当 jquery 中的 min > max 时实时验证输入

转载 作者:行者123 更新时间:2023-11-30 12:05:22 25 4
gpt4 key购买 nike

我想验证输入“min”和“max”并给出错误。当我按下提交按钮时,我的实际代码工作。我想在用户时实时验证这一点补充其他领域。当用户转到下一个字段和最大

我的实际代码:

<!doctype html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>...</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

</head>
<body>
<div class="error">

</div>
<form id="a" action="b.php" method="post" enctype="multipart/form-data">
<label>
<input type="number" name="yearMin" value="1900" min="1800" max="2299">
</label>
<label>
<input type="number" name="yearMax" value="2015" min="1800" max="2299">
</label>
<label>
<input type="text">
</label>

<button type="submit" class="button">Start</button>
</form>


<script>
$(document).ready(
function () {
$("form#a").submit(
function () {
var min =$('input[name^="yearMin"]').val();
var max =$('input[name^="yearMax"]').val();
if (min<max)
{
return true;
}
else
{
$('.error').text("min>max");
return false;
}

}
);
}
);

</script>


</body>
</html>

编辑:

<script>

$("input[type=number]").on('keydown keyup',function(e) {
var min = $('input[name^="yearMin"]').val();
var max = $('input[name^="yearMax"]').val();
if (min < max) {
$('.error').text('');
return true;
} else {
$('.error').text("min>max");
return false;
}
});

</script>

我觉得对吗? text('') 不起作用。

最佳答案

$("input[type=number]").on('keydown keyup',function(e) {
var min = $('input[name^="yearMin"]').val();
var max = $('input[name^="yearMax"]').val();
if (min < max) {
return true;
} else {
$('.error').text("min>max");
return false;
}
});

keyup 事件在释放键盘键时发生。按下键盘键时会发生 keydown 事件。所以我们将把这个事件绑定(bind)到所需的元素上。

关于javascript - 当 jquery 中的 min > max 时实时验证输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35379411/

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